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...»)
 
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=javascrip>
+
<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>

volver