DOM笔记（二）：Node接口

待我称王封你为后i 2022-08-06 01:11 132阅读 0赞

所有的节点都使用Node接口来表示，可以使用很多方法去获取节点，如document.getElementsByTagName()、document.getElementsByName()等均返回一个NodeList对象，然后获取其中的节点。

节点对应的属性和放大均在Node接口予以定义：

**1、Node接口常见的属性列表**

<table> 
 <tbody> 
 <tr> 
 <td>属性名</td> 
 <td>数据类型</td> 
 <td>说明</td> 
 </tr> 
 <tr> 
 <td>nodeName</td> 
 <td>DOMString</td> 
 <td>返回节点名</td> 
 </tr> 
 <tr> 
 <td>nodeValue</td> 
 <td>DOMString</td> 
 <td>返回节点值</td> 
 </tr> 
 <tr> 
 <td>nodeType</td> 
 <td>int</td> 
 <td>返回节点类型（见后文）</td> 
 </tr> 
 <tr> 
 <td>parentNode</td> 
 <td>Node</td> 
 <td>返回当前节点的父节点</td> 
 </tr> 
 <tr> 
 <td>childNodes</td> 
 <td>NodeList</td> 
 <td>返回当前节点的所有子节点</td> 
 </tr> 
 <tr> 
 <td>firstChild</td> 
 <td>Node</td> 
 <td>返回当前节点的第一个子节点</td> 
 </tr> 
 <tr> 
 <td>lastChild</td> 
 <td>Node</td> 
 <td>返回当前节点的最后一个子节点</td> 
 </tr> 
 <tr> 
 <td>previousSibling</td> 
 <td>Node</td> 
 <td>返回当前节点的紧邻的前一个兄弟节点</td> 
 </tr> 
 <tr> 
 <td>nextSibling</td> 
 <td>Node</td> 
 <td>返回当前节点的紧邻的后一个兄弟节点</td> 
 </tr> 
 <tr> 
 <td>attributes</td> 
 <td>NamedNodeMap</td> 
 <td>返回当前节点的所有属性</td> 
 </tr> 
 <tr> 
 <td>ownerDocument</td> 
 <td>Document</td> 
 <td>返回当前节点对应的Document对象</td> 
 </tr> 
 <tr> 
 <td>namespaceURI</td> 
 <td>DOMString</td> 
 <td>返回当前节点所属命名空间的URI</td> 
 </tr> 
 <tr> 
 <td>prefix</td> 
 <td>DOMString</td> 
 <td>返回当前节点所属命名空间的前缀</td> 
 </tr> 
 <tr> 
 <td>localName</td> 
 <td>DOMString</td> 
 <td>返回当前节点限定名的本地部分</td> 
 </tr> 
 </tbody> 
</table>

**2、Node接口常见的方法列表**

<table> 
 <tbody> 
 <tr> 
 <td>方法名</td> 
 <td>数据类型</td> 
 <td>说明</td> 
 </tr> 
 <tr> 
 <td>appendChild</td> 
 <td>Node</td> 
 <td>在末尾添加一个子节点</td> 
 </tr> 
 <tr> 
 <td>cloneNode</td> 
 <td>Node</td> 
 <td>克隆一个子节点</td> 
 </tr> 
 <tr> 
 <td>hasAttributes</td> 
 <td>Boolean</td> 
 <td>判断该节点是否有属性</td> 
 </tr> 
 <tr> 
 <td>hasChildNodes</td> 
 <td>Boolean</td> 
 <td>判断该节点是否有子节点</td> 
 </tr> 
 <tr> 
 <td>insertBefore</td> 
 <td>Node</td> 
 <td>在指定节点插入一个节点</td> 
 </tr> 
 <tr> 
 <td>isSupported</td> 
 <td>Boolean</td> 
 <td>判断节点特定是否被支持</td> 
 </tr> 
 <tr> 
 <td>normalize</td> 
 <td>Void</td> 
 <td>规格化节点</td> 
 </tr> 
 <tr> 
 <td>removeChild</td> 
 <td>Node</td> 
 <td>删除一个子节点</td> 
 </tr> 
 <tr> 
 <td>replaceChild</td> 
 <td>Node</td> 
 <td>替换一个子节点</td> 
 </tr> 
 </tbody> 
</table>

**3、Node类型**

在DOM文档中，每一个节点都属于一种类型，可以使用Node.nodeType属性获取节点的类型。DOM规范规定了12种节点类型，可以使用Node接口定义的常量表示，也可以用数字表示。

<table> 
 <tbody> 
 <tr> 
 <td>节点类型常量</td> 
 <td>数值表示</td> 
 <td>说明</td> 
 </tr> 
 <tr> 
 <td>ELEMENT_NODE</td> 
 <td>1</td> 
 <td>元素节点</td> 
 </tr> 
 <tr> 
 <td>ATTRIBUTE_NODE</td> 
 <td>2</td> 
 <td>属性节点</td> 
 </tr> 
 <tr> 
 <td>TEXT_NODE</td> 
 <td>3</td> 
 <td>文本节点</td> 
 </tr> 
 <tr> 
 <td>CDATA_SECTION_NODE</td> 
 <td>4</td> 
 <td>CDATA节点</td> 
 </tr> 
 <tr> 
 <td>ENTITY_REFERENCE_NODE</td> 
 <td>5</td> 
 <td>实体引用节点</td> 
 </tr> 
 <tr> 
 <td>ENTITY_NODE</td> 
 <td>6</td> 
 <td>实体节点</td> 
 </tr> 
 <tr> 
 <td>PROCESSING_INSTRUCTION_NODE</td> 
 <td>7</td> 
 <td>处理指令节点</td> 
 </tr> 
 <tr> 
 <td>COMMENT_NODE</td> 
 <td>8</td> 
 <td>注释节点</td> 
 </tr> 
 <tr> 
 <td>DOCUMENT_NODE</td> 
 <td>9</td> 
 <td>文档节点</td> 
 </tr> 
 <tr> 
 <td>DOCUMENT_TYPE_NODE</td> 
 <td>10</td> 
 <td>文档类型节点</td> 
 </tr> 
 <tr> 
 <td>DOCUMENT_FRAGMENT_NODE</td> 
 <td>11</td> 
 <td>文档片段节点</td> 
 </tr> 
 <tr> 
 <td>NOTATION_NODE</td> 
 <td>12</td> 
 <td>符号节点</td> 
 </tr> 
 </tbody> 
</table>

PS：IE不支持常量表示，最好用数字表示。最常用的六种Node类型：1,2,3,8,9,11

原文首发：[http://www.ido321.com/1318.html][http_www.ido321.com_1318.html]

下一篇：[DOM笔记（三）：Element接口和HTMLElement接口 ][DOM_Element_HTMLElement_]

[http_www.ido321.com_1318.html]: http://www.ido321.com/1318.html
[DOM_Element_HTMLElement_]: http://www.ido321.com/1321.html