HTML DOM

Un método es una acción que puedes realizar (agregar o eliminar un nodo por ejemplo).
Una propiedad es un valor que puedes obtener o establecer (por ejemplo el nombre o contenido de un nodo)La manera más fácil de obtener el contenido de un elemnto es usando la propiedad “innerHTML”
La propiedad “innerHTML” es útil para obtener o reemplazar el contenido de los elementos en HTML.
Elsiguiente código obtiene el “innerHTML” del elemento con id=”intro”:



Hello World!


var txt=document.getElementById("intro").innerHTML;
document.write(txt);




En el ejemplo de arriba“getElementById es un método, mientras que “innerHTML” es una propiedad.

Accesando a elementos HTML (Nodos)
El método “getElementById()” llama al elemento con el ID especificado.
En el siguienteejemplo se toma el elemento con el id=”intro”:
document.getElementById("intro");

El método “getElementByTagName()” devuelve todos los elementos con un nombre de etiqueta específico:
El siguienteejemplo tomará una lista de todas las etiquetas en el documento:
document.getElementsByTagName("p");

El siguiente ejemplo devolverá una lista de todos los elementos con la etiqueta que seandescendientes del elemento con el id=”main”:
document.getElementById("main").getElementsByTagName("p");

Cuando se requiere encontrar todos los elementos con la misma clase se utiliza el siguiente método:document.getElementsByClassName("intro");

Cambiando contenido HTML
La manera más fácil de cambiar el contenido de un elemento es usando la propiedad “innerHTML”.
El siguiente ejemplo cambia elcontenido HTML del elemento :



Hello World!


document.getElementById("p1").innerHTML="New text!";







Creando nuevos elementos HTML
Para agregar un nuevo elemento se debe crearprimero el y luego añadirlo a un elemento existente:

This is a paragraph.
This is another paragraph.



var para=document.createElement("p");
var node=document.createTextNode("This is...