DOM模型
文件对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。
DOM能够以一种独立于平台和语言的方式訪问和改动一个文档的内容和结构。
换句话说,这是表示和处理一个HTML或XML文档的经常用法。
DOM实际上是以面向对象方式描写叙述的文档模型。DOM定义了表示和改动文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。能够把DOM觉得是页面上数据和结构的一个树形表示,只是页面当然可能并非以这样的树的方式详细实现。
在DOM中有三种节点。各自是元素节点、文本节点和属性节点。
<?xml version=”1.0″ encoding=”UTF-8″?> //XML说明 <library> //根元素 <book id=”01″> //library元素的第一个子元素,“id”是其属性01 <title>Qt</title> //book元素的子元素,“Qt”是元素的文本 <author>shiming</author> //book元素的子元素。title元素的兄弟元素 </book> //结束标记名 <book id=”02″> <title>Linux</title> <author>yafei</author> </book> </library>
DOM节点的属性:
属性 |
类型 |
说明 |
nodeName |
String |
节点名称。依据节点的类型而定义 |
nodeValue |
String |
节点的值,依据节点的类型而定义 |
nodeType |
Number |
节点类型。1为元素节点,2为属性节点,3为文本节点 |
firstChild |
Node |
指向childNodes列表的第一个节点 |
lastChild |
Node |
指向childNodes列表的最后一个节点 |
childNodes |
NodeList |
全部子节点列表,childNodes[i]能够訪问第i+1个节点 |
parentNode |
Node |
指向节点的父节点。假设已是根节点。则返回null |
previousSibling |
Node |
指向前一个兄弟节点,假设已是第一个节点,则返回null |
nextSibling |
Node |
指向后一个兄弟节点,假设已是最后一个节点,返回null |
Attributes |
NameNodeMap |
包括一个元素特性的Attr对象,仅用于元素节点 |
className |
String |
节点的CSS类 |
innerHTML |
String |
某个标记之间的全部内容,包含代码本身 |