HTML 노드와 요소 및 차이점.
오늘 내 블로그에서는 노드와 요소의 차이점을 다룰 것입니다.
노드 대 요소
노드는 일반적으로 문서 개체 모델(DOM) 트리의 모든 개체입니다. 가족처럼 생각하세요. DOM은 각 노드가 부모, 자식 노드, nextSibling 및 previousSibling을 가질 수 있는 노드 계층 구조로 구성됩니다. body 태그, div 및 span과 같은 요소 또는 html 요소는 특정 유형의 노드입니다. 노드는 HTML 요소의 일반 버전이며 웹 페이지를 생성하는 다양한 구성 요소로 구성됩니다. 반면에 요소는 HTML 태그로 주소가 지정되는 하나의 특정 유형의 노드로 지정됩니다. 고려해야 할 몇 가지 중요한 노드:
노드 인터페이스의 nodetype 속성은 노드를 문서 노드, 텍스트 노드, 주석 노드 및 요소로 구분합니다.
아래 예에 표시된 모든 항목은 is a node.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Node VS Element in JavaScript DOM</title> </head>
<body>
<!-- This is comment node -->
<h2>This is heading</h2>
<p>This is paragraph</p>
</body>
</html>
A key thing to remember while traversing the DOM is that an HTMLCollection return elements while a NodeList return nodes. Both of them may be manipulated like arrays but unlike arrays they lack the ability to be used by Higher Order Functions (HOF).
I hope my blog was able to clear up the difference between a node and an element. Thank you for taking the time to read it!
-Christopher Nance
에서 가져온 것입니다.Reference
이 문제에 관하여(HTML 노드와 요소 및 차이점.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/tfury1722/html-node-vs-element-the-difference-3mk7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)