Usuario:ManuelRomero/JavaScript/dom/dom/ejemplos/ejemplo1

De WikiEducator
Saltar a: navegación, buscar

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