ParentNode 및 ParentElement 기능은 동일하며 어린이 및 어린이 기능은 동일합니다. 그러나 ParentNode 및 Childnodes는 W3C 표준을 준수하며, 이는 상대적으로 일반적이라고 할 수 있습니다. 다른 두 사람은 표준이 아닌 IE에 의해서만 지원되며 Firefox는이를 지원하지 않습니다.
예:
"ParentNode"는 종종 특정 요소의 모 노드를 얻는 데 사용됩니다. 컨테이너로서 ParentNodes를 이해하면 다음과 같이 컨테이너에 하위 노드가 있습니다.
<div id = "parent"> <b id = "child"> 내 텍스트 </b> </div>
위의 코드에서 "아빠"는 컨테이너에 "자식"이있는 Div 컨테이너로 사용되는 것을 볼 수 있습니다. getElementByid () 메소드를 사용하여 대담한 요소를 얻고 "아빠"가 누구인지 알고 싶다면 반환 된 정보는 div입니다. 다음 스크립트는 다음과 같습니다.
<script type = "text/javaScript"> <!-Alert (document.getElementById "child"). ParentNode.Nodename); //-> </script>
ParentNode를 사용하는 것은 반드시 하나의 "아버지"만 발견되었다는 것을 의미하지는 않습니다. "아들"은 다음 예에서와 같이 "아버지"가 될 수 있습니다 ...
<div id = "부모"> <div id = "childparent"> <b id = "child"> 내 텍스트 </b> </div> </div>
위의 코드에는 두 개의 "아빠"와 두 개의 "어린이"가 있습니다. 첫 번째 div (id "부모")는 두 번째 div (childparent)의 "아빠"입니다. "childparent"Div의 "Child"인 "childparent"에는 대담한 요소 (Id "Child")가 있습니다. 그렇다면 "할아버지"(id "부모")에 접근하는 방법? 다음과 같이 :
<script type = "text/javaScript"> <!-Alert (hoceb
두 부모의 노드가 함께 사용된다는 것을 알았습니까? "parentnode.parentNode". 첫 번째 부모 노드는 div (id "childparent")입니다. 우리는 가장 바깥 쪽 상위 요소를 얻기를 원하기 때문에 다른 ParentNode를 추가 한 다음 DIV (ID "Parent")에 도달합니다.
ParentNode를 사용하면 요소의 NodeName을 찾을뿐만 아니라 더 많은 것을 찾습니다. 예를 들어, 많은 요소가있는 상위 노드를 가져 와서 마지막에 새 노드를 추가 할 수 있습니다. 즉, "Parentelement"라는 자체 이름이 있으며 크로스 브라우저 스크립트에 ParentNode를 사용하는 것이 좋습니다.
위의 기사는 JS의 HTML 요소의 부모 노드 및 하위 노드에 대해 간단히 이야기합니다. 이것은 내가 당신과 공유하는 모든 콘텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.