DOM小结;
DOM: DOM= Document Object Model,文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说,这是表示和处理一个HTML或XML文档的常用方法。有一点很重要,DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言.
• D:文档 – html 文档 或 xml 文档
• O:对象 – document 对象的属性和方法
• M:模型
• DOM 是针对xml(html)的基于树的API。
• DOM树:节点(node)的层次。
• DOM 把一个文档表示为一棵家谱树(父,子,兄弟)
• DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面
节点:
根据 DOM,HTML 文档中的每个成分都是一个节点。DOM 是这样规定的:
• 整个文档是一个文档节点
• 每个 HTML 标签是一个元素节点
• 包含在 HTML 元素中的文本是文本节点
• 每一个 HTML 属性是一个属性节点
• 注释属于注释节点
Node 层次:
节点彼此都有等级关系。
HTML 文档中的所有节点组成了一个文档树(或节点树)。HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点,并由此继续伸出枝条,直到处于这棵树最低级别的所有文本节点为止。
节点及其类型:
节点:
* 由结构图中我们可以看到,整个文档就是一个文档节点。
* 而每一个HMTL标签都是一个元素节点。
* 标签中的文字则是文本节点。
* 标签的属性是属性节点。
* 一切都是节点……
节点树:
节点树的概念从图中一目了然,最上面的就是“树根”了。节点之间有父子关系,祖先与子孙关系,兄妹关系。这些关系从图中也很好看出来,直接连线的就是父子关系了。而有一个父亲的就是兄妹关系……
NODE接口的特性和方法:
特性/方法 |
类型/返回类型 |
说 明 |
||
nodeName |
String |
节点的名字;根据节点的类型而定义 |
||
nodeValue |
String |
节点的值;根据节点的类型而定义 |
||
nodeType |
Number |
节点的类型常量值之一 |
||
ownerDocument |
Document |
指向这个节点所属的文档 |
||
firstChild |
Node |
指向在childNodes列表中的第一个节点 |
||
lastChild |
Node |
指向在childNodes列表中的最后一个节点 |
||
childNodes |
NodeList |
所有子节点的列表 |
||
previousSibling |
Node |
指向前一个兄弟节点;如果这个节点就是第一个兄弟节 点,那么该值为null |
||
nextSibling |
Node |
指向后一个兄弟节点;如果这个节点就是最后一个兄弟节 点,那么该值为null |
||
hasChildNodes() |
Boolean |
当childNodes包含一个或多个节点时,返回真 |
||
attributes |
NamedNodeMap |
包含了代表一个元素的特性的Attr对象;仅用于Element 节点 |
||
appendChild(node) |
Node |
将node添加到childNodes的末尾 |
||
removeChild(node) |
Node |
从childNodes中删除node |
||
replaceChild |
Node |
将childNodes中的oldnode替换成newnode |
||
insertBefore |
Node |
在childNodes中的refnode
|