ParentNode- und Parflentelementfunktionen sind gleich, und Kinder- und Kinderfunktionen sind gleich. ParentNode und Childnodes entsprechen jedoch den W3C -Standards, die als relativ allgemein bezeichnet werden können. Die anderen beiden werden nur von IE, nicht Standard unterstützt, und Firefox unterstützt es nicht
Beispiel:
"ParentNode" wird häufig verwendet, um den übergeordneten Knoten eines bestimmten Elements zu erhalten. Verstehe Elternnodes als Container, und im Container befindet sich ein untergeordneter Knoten wie folgt:
<div id = "parent"> <b id = "child"> Mein Text </b> </div>
Im obigen Code sehen Sie, dass "Daddy" als Div -Container verwendet wird, das ein "Kind" im Container enthält, was der kühne Textteil ist. Wenn Sie vorhaben, die GetelementById () -Methode zu verwenden, um das mutige Element zu erhalten und wissen möchten, wer "Daddy" ist, sind die zurückgegebenen Informationen ein Div. Das folgende Skript lautet wie folgt:
<script type = "text/javaScript"> <!-alert (document.getElementById "child"). parentNode.nodename); //-> </script>
Die Verwendung von ParentNode bedeutet nicht unbedingt, dass nur ein "Vater" gefunden wird, "Sohn" kann auch "Vater" werden, wie im folgenden Beispiel ...
<div id = "parent"> <div id = "mildparent"> <b id = "child"> mein text </b> </div> </div>
Es gibt zwei "Väter" und zwei "Kinder" im obigen Code. Der erste Div (ID "Elternteil") ist der "Vater" des zweiten Divs (Kinderparent). Es gibt ein mutiges Element (ID "Kind") in "Childparent", das das "Kind" der "Kindspelpaar" div ist. Wie kann man also auf "Großvater" zugreifen (ID "Eltern")? Wie folgt:
<script type = "text/javaScript"> <!-alert (document.getElementById ("child"). parentNode.parentnode.nodename); //-> </script>Haben Sie bemerkt, dass die beiden Elternnodes in Verbindung verwendet werden? "ParentNode.Parentnode". Der erste ParentNode ist ein Div (ID "Childparent"). Da wir das äußerste übergeordnete Element erhalten möchten, fügen wir einen weiteren Elternnode hinzu und erreichen dann die Div (ID "übergeordnet").
Die Verwendung von ParentNode findet nicht nur den Knotennamen eines Elements, sondern auch mehr. Zum Beispiel können Sie den übergeordneten Knoten mit einer großen Anzahl von Elementen erhalten und am Ende einen neuen Knoten hinzufügen. IE hat seinen eigenen Namen "Parentelement", und es wird empfohlen, ParentNode für Cross-Browser-Skripte zu verwenden
Der obige Artikel enthält kurz über den übergeordneten Knoten und den untergeordneten Knoten des HTML -Elements von JS. Dies ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.