Las funciones de ParentNode y The SedEllement son las mismas, y las funciones de niños e hijos son las mismas. Sin embargo, ParentNode y ChildNodes cumplen con los estándares W3C, que se puede decir que son relativamente generales. Los otros dos solo son compatibles con IE, no estándar, y Firefox no lo admite
Ejemplo:
"ParentNode" a menudo se usa para obtener el nodo principal de cierto elemento. Comprender Parentnodes como un contenedor, y hay un nodo secundario en el contenedor, de la siguiente manera:
<div id = "parent"> <b id = "niño"> mi texto </b> </div>
En el código anterior, verá que "papá" se usa como un contenedor Div, que tiene un "hijo" en el contenedor, que es la parte de texto en negrita. Si planea usar el método getElementById () para obtener el elemento en negrita y quiere saber quién es "papá", la información devuelta será un DIV. El siguiente script es el siguiente:
<script type = "text/javaScript"> <!-alert (document.getElementById "Child"). ParentNode.nodeName); //-> </script>
El uso de ParentNode no significa necesariamente que solo se encuentre un "padre", "hijo" también puede convertirse en "padre", como en el siguiente ejemplo ...
<div id = "parent"> <div id = "ChildParent"> <b id = "niño"> mi texto </b> </div> </div>
Hay dos "papás" y dos "niños" en el código anterior. El primer div (id "padre") es el "papá" del segundo div (hijos). Hay un elemento audaz (id "niño") en "Childparent" que es el "niño" del div. Entonces, ¿cómo acceder a "abuelo" (ID "padre")? Como sigue:
<script type = "text/javaScript"> <!-alert (document.getElementById ("Child"). ParentNode.ParentNode.NodeName); //-> </script>¿Has notado que los dos nodos parentes se usan en conjunto? "ParentNode.ParentNode". El primer parentnode es un div (identificación "infantil"). Debido a que queremos obtener el elemento principal más externo, agregamos otro ParentNode y luego llegamos al DIV (ID "Parent").
El uso de ParentNode no solo encuentra el nombre de noganza de un elemento, sino también más. Por ejemplo, puede obtener el nodo principal con una gran cantidad de elementos y agregar un nuevo nodo al final. IE tiene su propio nombre llamado "ParentElement", y se recomienda usar ParentNode para scripts de navegador cruzado
El artículo anterior habla brevemente sobre el nodo principal y el nodo infantil del elemento HTML de JS. Este es todo el contenido que comparto con ustedes. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.