DOM

1. Documento DOM:documento

a. Propiedades y métodos

Ya hemos utilizado el método write para escribir una línea. También existe writeln que agrega una nueva línea. Estos métodos no son dinámicos, en el sentido de que solo pueden funcionar una vez y al interpretar la etiqueta script. Son de uso bastante raro, excepto para errores, pruebas y casos especiales. 

Como vimos en la introducción, un documento HTML se compone de etiquetas. El navegador tiene un analizador interno, que convertirá estas etiquetas en una jerarquía de nodos (objetos), correspondientes a la estructura de árbol de sus etiquetas. Esta organización se representa usando un estándar definido por el W3C llamado DOM (Document Object Model). Estos nodos representan la estructura de su documento y son accesibles en JavaScript. Por tanto, es posible modificar el documento modificando los nodos que lo componen. Un nodo que puede tener contenido y/o atributos es un elemento.

En cuanto a los nodos, tenemos las siguientes propiedades principales de JavaScript: 

Propiedad

Rol

DOM:attributesattributes

Tabla de atributos.

DOM:childNodeschildNodes

Tabla de nodos hijo.

DOM:datadata

Texto del nodo.

DOM:firstChildfirstChild

Primer nodo hijo.

DOM:lastChildlastChild

Último nodo hijo.

DOM:nextSiblingnextSibling

Siguiente nodo hermano.

DOM:nodeNamenodeName

Nombre del nodo. Ya sea el nombre de una etiqueta o de un atributo.

DOM:nodeTypenodeType

Tipo de nodo. 1 es un elemento, 2 un atributo, 3 un nodo...

Si desea saber más, le proponemos el siguiente libro:
couv_EIT3JAV.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Librerías JavaScript
Siguiente
Formulario