Trabajar con relaciones de nodo a código con javascript
árboles DOM HTML se parecen a los árboles de la familia en la relación jerárquica entre nodos. De hecho, los términos técnicos utilizados por los programadores de javascript para describir las relaciones entre los nodos en un árbol toman sus nombres de las relaciones familiares.
Todos los nodos, excepto el nodo raíz, tiene una padre.
Cada nodo puede tener cualquier número de niños.
Los nodos con el mismo padre son hermanos.
Dado que los documentos HTML a menudo tienen múltiples elementos que son del mismo tipo, el DOM permite acceder a los distintos elementos en una lista de nodos utilizando un número de índice. Por ejemplo, se puede hacer referencia a la primera
elemento de un documento como p [0], y el segundo
nodo de elemento como p [1].
Aunque una lista de nodos puede verse como una matriz, no lo es. Puede recorrer el contenido de una lista de nodos, pero no se puede utilizar métodos de arreglos en las listas de nodos.
En este código, los tres
elementos son todos los hijos del elemento. Debido a que tienen el mismo padre, que son hermanos.
La familia de HTML
primero