Diferencia entre revisiones de «Usuario:ManuelRomero/JavaScript/dom/dom/ejemplos/ejemplo1»

De WikiEducator
Saltar a: navegación, buscar
(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...»)
 
(Ejemplo 1: Modificando el body)
 
(2 revisiones intermedias por el mismo usuario no mostrado)
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  
<source lang=javascrip>
+
<source lang=javascript>
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<html lang="en">
 
<html lang="en">
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/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>

volver