Ver el código de «Usuario:ManuelRomero/JavaScript/dom/dom/ejemplos/ejemplo1»

==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 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>
</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 
<source lang=javascript>
<!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>
</source>

[[Usuario:ManuelRomero/JavaScript/dom/ejemplos| <font size =5 color=green>volver</font>]]