DOM (Modelo de objetos del documento)

document

La página web referida desde Javascript La página web es el HTML+CSS

       <html>....</html>

Obtener referencia a una etiqueta

Normalmente para manipular el HTML hay que acceder a una de sus etiquetas. Por ejemplo a un párrafo <p> Para diferenciar el párrafo se le pone un identificador.

    <p id="este">contenido</p>

    var p = document.getElementById('este');

    obtenerElementoPorIdentificador

Contenido de una etiqueta

La propiedad .innerHTML es el contenido interior de una etiqueta.

    <p id="este">Hola</p>

    alert(p.innerHTML);

    p.innerHTML = "Adiós";

    <p id="este">Adiós</p>

Clase de una etiqueta

La clase son estilos CSS de clase de una etiqueta.

    <p id="este">Hola</p>

    p.className = "fresa";

    <p id="este" class="fresa">Hola</p>

Proinf.net