08.第10章：DOM

1.节点层次

当页面被加载时，浏览器会创建页面文档对象模型（Document Object Model）。

文档元素是文档最外层的元素，文档中的其他所有元素都包含在文档元素中，每个文档只有一个文档元素。
在HTML页面中，文档元素始终都是html元素。

1.1 Node类型

javascript中的所有节点类型都继承自Node类型。

• 每个节点有一个nodeType属性，用来表示节点类型。

  
  
  

• nodeName和nodeValue属性

  
  
  

• 节点关系
  1） 每个节点都有一个childNodes属性，其中保存着一个NodeList对象。
  访问保存在NodeList中的节点。

  
  
  
  
  

  2）每个节点都有一个parentNode属性，该属性指向文档树中的父节点。
  3）通过使用列表中每个节点的previousSibling和nextSibling属性，可以访问同一列表的其他节点

• 操作节点
  1）appendChild()用于向childNodes列表的末尾添加一个节点。

  
  
  
  
  

  如果添加的节点已经是文档的一部分，将该节点从原来的位置转移到新位置。

  
  
  
  
  2）insertBefore():参数要插入的节点和作为参照的节点
  
  
  
  3）replaceChild():方法接收两个参数，要插入的节点和要替换的节点。
  
  
  
  

  4）removeChild()：接收一个参数，要移除的节点

1.2 Document类型

Document类型表示文档，document对象是HTMLDocument（继承自Document）的一个实例，表示整个HTML页面。
document对象是window对象的一个属性，可作为全局对象访问。
Document节点具有如下属性：

1）文档子节点

• documentElement属性：该属性始终指向HTML页面中的元素

  
  
  
  
  

  2）文档信息

• title：包含