HTML文档被描述为标准的W3C DOM,所以用户可以使用w3c推荐的DOM接口来处理HTML文档.
使用W3C DOM处理HTML文档的关键在于理解节点,因为DOM将HTML文档中的每个内容都描述为节点,不同的内容使用不同类型的节点.
JavaScript DOM API 的节点类型
在DOM文件中,每一个节点都属于一种类型,可以使用Node.nodeType属性获取节点类型,DOM规范共定义了12中节点类型,可以使用node接口定义的常量来表示,也可以使用数字来表示.
(IE浏览器直到IE9才支持用常量表示,所以最好使用数字表示).
节点类型常量 | 值+描述 |
---|---|
Node.ELEMENT_NODE | 1元素节点 |
Node.ATTRIBUTE_NODE | 2属性节点 |
Node.TEXT_NODE | 3文本节点 |
Node.CDATA_SECTION_NODE | 4CDATA节点 |
Node.ENTITY_REFERENCE_NODE | 5实体引用节点 |
Node.ENTITY_NODE | 6实体节点 |
Node.PROCESSING_INSTRUCTION_NODE | 7处理指令节点 |
Node.COMMENT_NODE | 8注释节点 |
Node.DOCUMENT_NODE | 9文档节点 |
Node.DOCUMENT_TYPE_NODE | 10文档类型节点 |
Node.DOCUMENT_FRAGMENT_NODE | 11文档片段节点 |
Node.NOTATION_NODE | 12符号节点 |
节点的层次关系
(1)父节点(Parent Node)
每个元素都有一个父节点,除非是根元素
(2)子节点(Child Nodes)
(3)同胞节点(Sibling Nodes)
(4)祖辈节点(Ancestor Nodes)
(5)后代节点(Descendant Nodes)
节点及其对应的接口
接口名 | 功能描述 |
---|---|
Attr | 表示一个属性节点 |
CDATASection | 表示一个CDATA节点 |
Comment | 表示注释节点 |
Document | 表示整个HTML文档或HTML文档 |
DocumentFragment | 表示文档片段节点 |
DocumentType | 表示文档类型节点 |
Element | 表示元素节点 |
Entity | 表示实体节点 |
EntityRference | 表示实体引用节点 |