En un documento DOM siempre nos desplazaremos de manera jerárquica, de izquierda a derecha, desde lo más grande al elemento siguiente y siguientes hasta alcanzar nuestro destino. Para acceder a las propiedades de la imagen seguiremos la siguiente ruta: window.document.images.w3c
Un elemento dentro de la estructura DOM se puede llamar nodo. Un nudo o node puede contener otros nudos, propiedades o textos. Es decir, el DOM organizará el esquema de los nudos por nosotros, con referencias a ellos, métodos para tratarlos y la posibilidad de acceder a ellos y consultarlos o modificarlos. Los nodos tienen distintas propiedades. Algunas de ellas son nodeType, nodeValue, innerHTML, innerText, className o id. La primera de ellas indica qué tipo de elemento se trata pero en lugar de una cadena devuelve un entero. Por ejemplo, devuelve 1 si se trata de un documento HTML, 3 si se trata de un texto y 9 si se trata del objeto documento. Para acceder a esta propiedad simplemente hay que escribir:
alert (document.getElementById ("idElemento") .nodeType
La propiedad nodeValue permite acceder al contenido de un elemento HTML. Si el elemento fuera un texto, devolverá el texto contenido. Si el elemento fuera un nodo de DOM entonces devuelve null. La propiedad innerHTML contiene la información del contenido HTML que hay entre las etiquetas de apertura y cierre de un elemento HTML. Su uso es muy extendido ya que permite cambiar el contenido de una etiqueta e insertar HTML. La propiedad innerText realiza la misma función que innerHTML. El unico matiz diferencial es que con ésta el contenido será tipo texto, por lo que si introducimos etiquetas HTML, serán interpretadas como texto. La propiedad className hace referencia al atributo class de los elemento HTML (en CSS es el estilo que se le aplica a un elemento). De esta manera, podremos reconocer el estilo que se aplica a un elemento y modificarlo. Por último, el id identifica los elementos. ID es la versión abreviada en inglés de identidad.
Sin embargo, todo lo anterior es solo una pequeña introducción a DOM. No cabrían todas las propiedades que recoge este programa ya que son muchas pero W3C recoge todo lo relativo a este tema.
www.1mas3.es
