HTML 노드와 요소 및 차이점.

2649 단어 helphtml
안녕하세요!
오늘 내 블로그에서는 노드와 요소의 차이점을 다룰 것입니다.

노드 대 요소



노드는 일반적으로 문서 개체 모델(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

    에서 가져온 것입니다.

    좋은 웹페이지 즐겨찾기