DOM

DOM是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。

节点层次

Node类型

每个节点都有一个nodeType属性。

 1. nodeName和nodeValue

这两个值分别返回节点的名称和值，value值始终为null？

2. 主要阐述了childNodes、parentNode属性，似乎用jQuery方便很多

3. appendChild、firstChild、lastChild、insertBefore、replaceChild、removeChild

Document类型

document表示整个文档，表示整个HTML页面。通过这个文档对象，不仅可以获取与页面有关的信息，还能操作页面的外观和底层结构。

1. 文档的子节点

最常用的无疑是body了。

                var body=document.body 来获取的引用

2. 文档信息

document.title: 获取或设置网页title属性

document.URL: 获取包含页面的完整的URL

document.domain： 获取包含页面的域名

document.referrer：获取保存着链接到当前页面的那个页面的URL，没有来源页面的情况下，返回的是空字符串。

如果domain属性设置为相同的值，则可以互相访问对方包含的JavaScript对象。

3. 查找元素

getElementById：要是有多个元素id相同，则只返回第一个id元素。在IE7和之前的版本，如果一个元素的name值也是id值，那么这个元素也会被返回。

getElementsByTagName

getElementsByClassName

4. 文档写入

document对象的 write（）和writeln方法：都是些人内容，后者有换行。

在XHTML严格模式下，不支持此方法

比如：类似添加标签

Element类型

1. HTML元素

其他的（id、title、lang、chass）很简单，介绍下dir吧

dir：语言的方向，ltr（left-to-right从左到右），rtl（反之）

2. 取得特性

getAttribute（）、setAttribute（）和removAttribute（）就是JQuery中的attr（）方法。

获取元素的属性，包括自定义属性，参数是属性名就行

3. 创建元素

createElement

Text类型

1. 创建文本

createTextNode（）：创建文本节点

标准的插入p元素，并且p元素里有文本内容

normalize（）：将同一元素下的同辈文本内容合并。

splitText（）：将指定文本分割