第10章、DOM

10.1 节点层次

DOM可以将任何HTML和XML文档描绘成一个由多层节点构成的结构，文档节点只有一个子节点，即元素，称之为文档元素，文档元素是最外层元素，文档中的其他所有元素都包含在文档元素中，每个文档只能有一个文档元素。

10.1.1 Node类型

所有节点类型都继承自Node类型，因此所有节点类型都共享相同的基本属性和方法。总共有12种节点类型，每个节点都有一个nodeType属性，用于表明节点类型，是一个常量。nodeName和nodeValue两个属性中保存着节点的信息。
每个节点都有一个childNodes属性。其中保存着一个NodeList对象，用于保存一组有序的节点，它实际上是基于DOM结构动态执行查询的结果，因此DOM结构变化能够自动反应在NodeList对象中。

// 将NodeList对象转为数组
function toArray(nodes) {
    var arr = [];
    try {
        arr = Array.prototype.slice.call(nodes,0);
    }catch(ex){
    // IE8以前需要枚举所有成员
        for(var i=0,len=nodes.length;i

每个节点都有parentNode属性，指向文档树中的父节点。同一个childNodes列表中的所有节点都具有相同的父节点。因此它们的parentNode属性都指向同一个节点。包含在childNodes列表中的每个节点相互之间都是同胞节点，previousSibling表示前一节点，nextSibling表示后一节点。父节点的firstChild表示childNodes列表中的第一个节点，lastChild表示childNodes列表中的最后一个节点。也可以用方括号表示。即firstChild等于childNodes[0]，lastChild等于childNodes[childNodes.length-1]。节点的hasChildNodes()方法在节点包含一个或多个子节点时返回true。所有节点都有ownerDocument属性，指向表示整个文档的文档节点。
appendChild()方法用于向childNodes列表末尾添加一个节点，并返回新添加的节点。如果传给该方法的节点已经是文档中的一部分，那结果就是将该节点从原来的位置转移到新位置。
insertBefore()方法用于将节点插入childNodes列表中特定的位置，这个方法接收两个参数，要插入的节点和作为参照的节点，插入后返回被插入的节点，参照节点为null时与appendChild()方法相同。
replaceChild()方法用于替换childNodes列表中的节点，这个方法接收两个参数，要插入的节点和要替换的节点，要替换的节点会从文档树中被移除，并被这个方法返回。
removeChild()方法用于移除childNodes列表中的节点，接收一个参数，即被移除的节点，被移除的节点将作为返回值返回。
cloneNode()方法用于创建调用和这个方法的节点的一个完全相同的副本，始终接收一个布尔值参数，表示是否执行深度复制，即复制节点及其整个子节点树，在参数为false时，只执行浅复制，即只复制节点本身。

10.1.2 Doucment类型

最常见的Doucment类型就是作为HTMLDocument实例的document对象。
document.documentElement属性指向元素；
document.body属性指向元素；
document.title属性包含