DOM（文档对象模型） 概念

DOM: Document Object Model 文档对象模型

               主要用来将标记型文档(html,xml)封装成对象,并将标记型文档中的所有内容(标签、文本、属性等)都封装成对象
               既然都封装成了对象，那么就可以通过这些对象很方便地操作这些文档内容，达到操作页面内容--页面显示。

DOM树中的几个名词：

               结点(节点)：dom树中的标签、文本和属性等都称为结点(节点).
               元素：dom树中的标签。
               子节点  父节点(元素) 兄弟
       父结点
               主要用来将标记型文档(html,xml)封装成对象,并将标记型文档中的所有内容(标签、文本、属性等)都封装成对象
               既然都封装成了对象，那么就可以通过这些对象很方便地操作这些文档内容，达到操作页面内容--页面显示。

树模型：

DOM树中的几个名词：
               结点(节点)：dom树中的标签、文本和属性等都称为结点(节点).
               元素：dom树中的标签。
               子节点  父节点(元素) 兄弟
       父结点
               主要用来将标记型文档(html,xml)封装成对象,并将标记型文档中的所有内容(标签、文本、属性等)都封装成对象
               既然都封装成了对象，那么就可以通过这些对象很方便地操作这些文档内容，达到操作页面内容--页面显示。

Dom可以在网页中做什么？

---

HTML Dom中最常用的几个方法之查找元素

1. Dom之引用当前整个网页文档：document
2. Dom如何快速在网页中查找某一元素：getElementById
3. Dom中查找一组标签，具有相同名称的标签元素：getElementsByTagName
4. 根据标签的Id属性值或name属性来查找多个元素：getElementsByName

Dom中创建，添加，删除，修改，替换，复制，网页中的标签和文本内容的方法如下．

1. 在网页中的创建一个标签元素：createElement
2. 创建一段文本内容：createTextNode
3. 向网页中添加元素：appendChild
4. 删除元素的Dom方法是：removeChild
5. 修改网页中标签元素的属性：setAttribute
6. 替换已存在的标签或元素：replaceChild
7. 复制克隆已存在的标签或元素：cloneNode
8. 获取和修改元素内的html标签与文本内容：innerHTML
9. 获取或修改元素的文本内容，仅支持IE：innerText
10. 获取或修改元素的文本内容，支持FF：textContent

HTML Dom中还专门提供了一组接口用来操作网页中的表格Table元素

1. HTML Dom中的insertRow方法可以为表格增加一行
2. 删除表格中一行的方法是：deleteRow
3. HTML Dom中的insertCell方法可以为表格某行中增加一列
4. 删除行中的一列的方法是：deleteCell
5. HTML Dom中的createCaption方法可以为表格创建一个标题
6. HTML Dom中的createTHead方法可以为表格创建一个Thead
7. HTML Dom中的createTFoot方法可以为表格创建一个TFoot
8. 引用表格中所有行的属性为：rows
9. 引用表格中某行的所有列：cells
10. 移动表格中的行，只支持IE：moveRow

Dom中操作父元素，子元素，兄弟元素的相关命令

1. 获取父元素的指令是：parentNode
2. 获取元素中第一个子元素：firstChild
3. 获取元素中最后面的那个子元素：lastChild
4. 获取元素中所有的子元素
5. 获取前一个兄弟元素
6. 获取后一个兄弟元素