首页 > 代码库 > DOM笔记（二）：Node接口

DOM笔记（二）：Node接口

2024-08-06 23:03:50   221人阅读

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

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

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

属性名数据类型说明
nodeNameDOMString返回节点名
nodeValueDOMString返回节点值
nodeTypeint返回节点类型（见后文）
parentNodeNode返回当前节点的父节点
childNodesNodeList返回当前节点的所有子节点
firstChildNode返回当前节点的第一个子节点
lastChildNode返回当前节点的最后一个子节点
previousSiblingNode返回当前节点的紧邻的前一个兄弟节点
nextSiblingNode返回当前节点的紧邻的后一个兄弟节点
attributesNamedNodeMap返回当前节点的所有属性
ownerDocumentDocument返回当前节点对应的Document对象
namespaceURIDOMString返回当前节点所属命名空间的URI
prefixDOMString返回当前节点所属命名空间的前缀
localNameDOMString返回当前节点限定名的本地部分

 

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

方法名数据类型说明
appendChildNode在末尾添加一个子节点
cloneNodeNode克隆一个子节点
hasAttributesBoolean判断该节点是否有属性
hasChildNodesBoolean判断该节点是否有子节点
insertBeforeNode在指定节点插入一个节点
isSupportedBoolean判断节点特定是否被支持
normalizeVoid规格化节点
removeChildNode删除一个子节点
replaceChildNode替换一个子节点

 

    3、Node类型

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

节点类型常量数值表示说明
ELEMENT_NODE1元素节点
ATTRIBUTE_NODE2属性节点
TEXT_NODE3文本节点
CDATA_SECTION_NODE4CDATA节点
ENTITY_REFERENCE_NODE5实体引用节点
ENTITY_NODE6实体节点
PROCESSING_INSTRUCTION_NODE7处理指令节点
COMMENT_NODE8注释节点
DOCUMENT_NODE9文档节点
DOCUMENT_TYPE_NODE10文档类型节点
DOCUMENT_FRAGMENT_NODE11文档片段节点
NOTATION_NODE12符号节点

 

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

    原文首发：http://www.ido321.com/1318.html

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

DOM笔记（二）：Node接口


联系
我们