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

De WikiEducator
Saltar a: navegación, buscar
Línea 51: Línea 51:
 
</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>]]

Revisión de 05:20 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>

volver

Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/JavaScript/dom/dom/ejemplos/ejemplo1&oldid=19011»