Diferencia entre revisiones de «Usuario:ManuelRomero/JavaScript/dom/dom/ejemplos/ejemplo1»
De WikiEducator
< Usuario:ManuelRomero | JavaScript | dom
(Página creada con «==Ejemplo 1: Modificando el body== *Observa que hacemos una función para crear un código e invocarlo cuando nos interesa <source lang=javascript> <!DOCTYPE html> <html la...») |
|||
| Línea 25: | Línea 25: | ||
</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 | ||
| − | <source lang= | + | <source lang=javascript> |
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html lang="en"> | <html lang="en"> | ||
Revisión de 05:19 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>
- 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>
