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 来获取<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（）：将指定文本分割
网友评论