Diferencia entre revisiones de «Usuario:ManuelRomero/JavaScript/dom/dom/ejemplos/ejemplo1»
De WikiEducator
< Usuario:ManuelRomero | JavaScript | dom
(→Ejemplo 1: Modificando el body) |
|||
| Línea 23: | Línea 23: | ||
<p>esto es un texto que hay en el body</p> | <p>esto es un texto que hay en el body</p> | ||
</body> | </body> | ||
| + | |||
| + | <script> | ||
| + | cambiaBody(); | ||
| + | </script> | ||
| + | |||
| + | |||
| + | </html> | ||
</source> | </source> | ||
*Si quisiéramos que se mantuviera lo que había en el body y añadir más contenido simplemente modificaríamos la asignación | *Si quisiéramos que se mantuviera lo que había en el body y añadir más contenido simplemente modificaríamos la asignación | ||
| Línea 44: | Línea 51: | ||
} | } | ||
</script> | </script> | ||
| + | |||
<body id="cuerpo"> | <body id="cuerpo"> | ||
| Línea 49: | Línea 57: | ||
</body> | </body> | ||
| + | |||
| + | <script> | ||
| + | cambiaBody(); | ||
| + | </script> | ||
| + | |||
| + | |||
| + | </html> | ||
</source> | </source> | ||
[[Usuario:ManuelRomero/JavaScript/dom/ejemplos| <font size =5 color=green>volver</font>]] | [[Usuario:ManuelRomero/JavaScript/dom/ejemplos| <font size =5 color=green>volver</font>]] | ||
Última revisión de 05:28 11 mar 2016
Ejemplo 1: Modificando el body
- Observa que hacemos una función para crear un código e invocarlo cuando nos interesa
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <script> function cambiaBody() { /*PASO 1*/ //Obetner la referencia del body var miBody = document.getElementById("cuerpo"); /*PASO 2*/ //modificar su contenido con un texto miBody.innerHTML = "Esto es otro contenido no el original"; } </script> <body id="cuerpo"> <p>esto es un texto que hay en el body</p> </body> <script> cambiaBody(); </script> </html>
- Si quisiéramos que se mantuviera lo que había en el body y añadir más contenido simplemente modificaríamos la asignación
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <script> function cambiaBody() { /*PASO 1*/ //Obetner la referencia del body var miBody = document.getElementById("cuerpo"); /*PASO 2*/ //modificar su contenido con un texto miBody.innerHTML = miBody.innerHTML + "Esto es otro contenido no el original"; } </script> <body id="cuerpo"> <p>esto es un texto que hay en el body</p> </body> <script> cambiaBody(); </script> </html>
