Con JavaScript, puede reconstruir todo el documento HTML. Puede agregar, eliminar, cambiar o reorganizar elementos en la página. Para cambiar algo en la página, JavaScript necesita acceder a la entrada a todos los elementos en el documento HTML. Esta entrada, junto con el método y los atributos del elemento HTML para agregar, mover, cambiar o eliminar, se obtiene mediante el modelo de objeto de documento (DOM). En 1998, W3C lanzó la especificación DOM de primer nivel. Esta especificación permite el acceso y el funcionamiento de cada elemento individual en la página HTML. Todos los navegadores ejecutan este estándar, por lo que la compatibilidad de DOM es casi difícil de encontrar. JavaScript puede usar DOM para leer y cambiar los documentos HTML, XHTML y XML.
DOM se divide en diferentes partes (núcleos, XML, HTML) y nivel (Nivel DOM 1/2/3):Núcleo domom
Definir un conjunto de estándares para cualquier objeto de documento estructurado
XML DOM
Definir un conjunto de estándares para documentos XML
HTML DOM
Defina un conjunto de estándares para documentos HTML.
nodoSegún el DOM, cada componente en el documento HTML es un nodo.
DOM se proporciona así:
Los nodos tienen una relación jerárquica entre sí. Todos los nodos en el documento HTML forman un árbol de documentos (o árbol de nodo). Cada elemento, atributo, texto, etc. en el documento HTML representa un nodo en el árbol. El árbol comienza en el nodo del documento, y continúa extendiendo las ramas hasta que todos los nodos de texto en el nivel más bajo del árbol estén en todas partes.
La siguiente imagen muestra un árbol de documentos (árbol de nodo):
Árbol de documentos (número de nodos)Consulte el siguiente documento HTML:
Html; </html>
Todos los nodos anteriores tienen una relación entre sí. Cada nodo, excepto los nodos de documentos, tiene nodos principales. Por ejemplo, los nodos principales de <head> y <body> son nodos <html>, y los nodos principales del nodo de texto Hello World. La mayoría de los nodos de elementos tienen subnodos. Por ejemplo, el nodo <head> tiene un nodo sub -nodo: <title> nodo. <title> También hay un tutorial Sub -Node: Text Node DOM. Cuando los nodos comparten el mismo nodo principal, son la misma generación (el mismo nodo). Por ejemplo, <h1> y <p> son sus compañeros, porque sus nodos principales son nodos <body>. Los nodos también pueden tener descendientes. Por ejemplo, todos los nodos de texto son descendientes de los nodos <html>, y el primer nodo de texto es la descendencia del nodo <HEAD>. Los nodos también pueden tener antepasados. El antepasado es el nodo principal de un nodo, o el nodo principal del nodo principal, y así sucesivamente. Por ejemplo, todos los nodos de texto pueden usar nodos <html> como nodos predecesores.