js nodeType

浅浅的花香味﹌ 2022-04-23 05:56 164阅读 0赞

# js nodeType #

> nodeType 属性可用来区分不同类型的节点，比如 元素, 文本 和 注释。

## 节点类型常量 ##

<table> 
 <thead> 
  <tr> 
   <th>常量</th> 
   <th>值</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Node.ELEMENT_NODE</td> 
   <td>1</td> 
   <td>一个 元素 节点，例如 &lt;p&gt; 和 &lt;div&gt;。</td> 
  </tr> 
  <tr> 
   <td>Node.TEXT_NODE</td> 
   <td>3</td> 
   <td>Element 或者 Attr 中实际的 文字</td> 
  </tr> 
  <tr> 
   <td>Node.PROCESSING_INSTRUCTION_NODE</td> 
   <td>7</td> 
   <td>一个用于XML文档的 ProcessingInstruction ，例如 &lt;?xml-stylesheet ... ?&gt; 声明。</td> 
  </tr> 
  <tr> 
   <td>Node.COMMENT_NODE</td> 
   <td>8</td> 
   <td>一个 Comment 节点。</td> 
  </tr> 
  <tr> 
   <td>Node.DOCUMENT_NODE</td> 
   <td>9</td> 
   <td>一个 Document 节点。</td> 
  </tr> 
  <tr> 
   <td>Node.DOCUMENT_TYPE_NODE</td> 
   <td>10</td> 
   <td>描述文档类型的 DocumentType 节点。例如 就是用于 HTML5 的。</td> 
  </tr> 
  <tr> 
   <td>Node.DOCUMENT_FRAGMENT_NODE</td> 
   <td>11</td> 
   <td>一个 DocumentFragment 节点</td> 
  </tr> 
 </tbody> 
</table>

## 不同的节点类型 ##

document.nodeType === Node.DOCUMENT_NODE; // true
    document.doctype.nodeType === Node.DOCUMENT_TYPE_NODE; // true
    
    var fragment = document.createDocumentFragment();
    fragment.nodeType === Node.DOCUMENT_FRAGMENT_NODE; // true
    
    var p = document.createElement("p");
    p.textContent = "很久很久以前...";
    
    p.nodeType === Node.ELEMENT_NODE; // true
    p.firstChild.nodeType === Node.TEXT_NODE; // true

[https://developer.mozilla.org/zh-CN/docs/Web/API/Node/nodeType\#节点类型常量][https_developer.mozilla.org_zh-CN_docs_Web_API_Node_nodeType]

[https_developer.mozilla.org_zh-CN_docs_Web_API_Node_nodeType]: https://developer.mozilla.org/zh-CN/docs/Web/API/Node/nodeType#%E8%8A%82%E7%82%B9%E7%B1%BB%E5%9E%8B%E5%B8%B8%E9%87%8F