Home > Article > Web Front-end > DOM notes (2): Node interface_html/css_WEB-ITnose
DOM notes (2): Node interface_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:52:371304browse
All nodes are represented using the Node interface. You can use many methods to obtain nodes, such as document.getElementsByTagName(), document.getElementsByName(), etc., which all return a NodeList object, and then obtain the node.
The corresponding attributes and amplification of nodes are defined in the Node interface:
1. Common attribute list of Node interface
| 属性名 | 数据类型 | 说明 |
| nodeName | DOMString | 返回节点名 |
| nodeValue | DOMString | 返回节点值 |
| nodeType | int | 返回节点类型（见后文） |
| parentNode | Node | 返回当前节点的父节点 |
| childNodes | NodeList | 返回当前节点的所有子节点 |
| firstChild | Node | 返回当前节点的第一个子节点 |
| lastChild | Node | 返回当前节点的最后一个子节点 |
| previousSibling | Node | 返回当前节点的紧邻的前一个兄弟节点 |
| nextSibling | Node | 返回当前节点的紧邻的后一个兄弟节点 |
| attributes | NamedNodeMap | 返回当前节点的所有属性 |
| ownerDocument | Document | 返回当前节点对应的Document对象 |
| namespaceURI | DOMString | 返回当前节点所属命名空间的URI |
| prefix | DOMString | 返回当前节点所属命名空间的前缀 |
| localName | DOMString | 返回当前节点限定名的本地部分 |
2. List of common methods of Node interface
| 方法名 | 数据类型 | 说明 |
| appendChild | Node | 在末尾添加一个子节点 |
| cloneNode | Node | 克隆一个子节点 |
| hasAttributes | Boolean | 判断该节点是否有属性 |
| hasChildNodes | Boolean | 判断该节点是否有子节点 |
| insertBefore | Node | 在指定节点插入一个节点 |
| isSupported | Boolean | 判断节点特定是否被支持 |
| normalize | Void | 规格化节点 |
| removeChild | Node | 删除一个子节点 |
| replaceChild | Node | 替换一个子节点 |
3. Node type
In In a DOM document, each node belongs to a type. You can use the Node.nodeType property to obtain the node type. The DOM specification specifies 12 node types, which can be represented by constants defined by the Node interface or by numbers.
| 节点类型常量 | 数值表示 | 说明 |
| ELEMENT_NODE | 1 | 元素节点 |
| ATTRIBUTE_NODE | 2 | 属性节点 |
| TEXT_NODE | 3 | 文本节点 |
| CDATA_SECTION_NODE | 4 | CDATA节点 |
| ENTITY_REFERENCE_NODE | 5 | 实体引用节点 |
| ENTITY_NODE | 6 | 实体节点 |
| PROCESSING_INSTRUCTION_NODE | 7 | 处理指令节点 |
| COMMENT_NODE | 8 | 注释节点 |
| DOCUMENT_NODE | 9 | 文档节点 |
| DOCUMENT_TYPE_NODE | 10 | 文档类型节点 |
| DOCUMENT_FRAGMENT_NODE | 11 | 文档片段节点 |
| NOTATION_NODE | 12 | 符号节点 |
PS: IE does not support constant representation, it is best to use numbers. The six most commonly used Node types: 1,2,3,8,9,11