JavaScript DOM学习笔记1――DOM节点层次
2011-11-13 20:44
495 查看
当讨论DOM树的时候,一般讨论的是节点的层次。DOM定义了Node的接口以及许多种节点类型来表现XML节点的多方面:
一个文档是有任意多个节点的层次组成的。看看下面的XML文档:
下面的图对应上面的XML文档:
Node接口中定义了不同节点类型对应的常量,它们将在讨论nodeType属性时用到:
Node.ELEMENT_NODE (1)
Node.ATTRBUTE_NODE(2)
Node.TEXT_NODE(3)
Node.CDATA_SECTION_NODE(4)
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)
Node接口还定义了一些所有节点都包含的特性与方法。这里就不列举,后面讲到了再详细说。
参考书目:
《JavaScript高级编程》Nicolas C. Zakas著, 曹力 张欣 等译。
本文出自 “wawlian说” 博客,请务必保留此出处http://wawlian.blog.51cto.com/242845/713205
Document | 顶层节点,所有其他节点依附于该节点 |
DocumentType | DTD引用。它不能包含子节点 |
DocumentFragment | 可以像Document节点一样保存其他节点 |
Element | 其实标签和结束标签之间的内容<tag></tag>或者<tag/>这是唯一一个能够包含特性和子节点的节点类型 |
Attr | 代表一对特性名和特性值,该节点类型不能包含子节点 |
Text | 代表XML文档中在起始标签和结束标签中或者CData Section中的普通文本。该节点不能包含子节点。 |
CDataSection | <![CDATA[]]>的对象表现形式,该节点类型只能包含Text作为子节点。 |
Entity | 在DTD中定义的一个实体对象,这个节点类型不能包含子节点。 |
EntityReference | 代表一个实体引用,这个节点类型不能包含子节点。 |
ProcessingInstruction | 代表一个PI,这个节点类型不能包含子节点。 |
Comment | 代表注释。这个节点类型不能包含子节点。 |
Notation | 代表在DTD中定义的记号 |
<?xml version="1.0"?> <employees> <!--only employee--> <employee> <name>Michael Smith</name> <position>Software Engineer</position> <comments><![CDATA[ His Birthday is 8/14/68 ]]> </comments> </employee> </employees>
下面的图对应上面的XML文档:
Node接口中定义了不同节点类型对应的常量,它们将在讨论nodeType属性时用到:
Node.ELEMENT_NODE (1)
Node.ATTRBUTE_NODE(2)
Node.TEXT_NODE(3)
Node.CDATA_SECTION_NODE(4)
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)
Node接口还定义了一些所有节点都包含的特性与方法。这里就不列举,后面讲到了再详细说。
参考书目:
《JavaScript高级编程》Nicolas C. Zakas著, 曹力 张欣 等译。
本文出自 “wawlian说” 博客,请务必保留此出处http://wawlian.blog.51cto.com/242845/713205
相关文章推荐
- JavaScript DOM编程 学习笔记-节点属性
- JavaScript DOM学习笔记4――访问指定节点
- JavaScript DOM编程 学习笔记-创建并接入节点
- js学习笔记:DOM——节点层次
- JavaScript DOM编程 学习笔记-替换节点
- JavaScript DOM学习笔记4——访问指定节点
- JavaScript DOM编程 学习笔记-删除节点
- JavaScript DOM编程 学习笔记-获取元素节点
- JavaScript DOM学习笔记5——创建和操作节点
- JavaScript DOM编程 学习笔记-插入节点
- JavaScript DOM学习笔记5――创建和操作节点
- javascript学习笔记:DOM节点关系和操作
- 【JavaScript学习】DOM:节点层次
- javascript学习笔记:DOM节点概述
- JavaScript DOM编程 学习笔记-替换节点
- JavaScript DOM编程 学习笔记-获取元素节点
- 前端学习笔记--JavaScript--DOM事件探秘
- javascript_DOM 编程艺术学习笔记(一)
- JavaScript-DOM学习笔记之动态创建标记
- JavaScript DOM编程 学习笔记-两个小示例