第四章 DOM节点操作

1.什么是DOM：
DOM（document object model）文档对象模型，把每一个元素看做是一个
节点，然后对节点进行增删改查的操作

2.DOM的分类：
（1）Core Dom：可以对html，XHTML，xml进行操作
（2）html DOM：可以对html，XHTML进行操作
（3）XML DOM：可以对xml进行操作

3.DOM节点的分类：
（1）标签称之为元素节点
（2）属性称之为属性节点
（3）文本内容称之为文本节点

4.获取和设置属性的方法：
获取属性值：object.getArrtribute("属性名");
修改属性值：object.setArrtribute("属性名","属性值");

5.访问节点的方法1：
getElementById()：返回一个节点对象
getElementsByName():返回多个（j节点数组）
getElementsByTagName():返回多个(节点数组)

6.访问节点的方法2（根据节点层次查询）：
parentNode 父节点
firstChild 第一个子节点
lastChild 最后一个子节点
ChildNodes 返回子节点数组
nextSibling() 返回节点的下一个兄弟节点
previousSibling() 返回节点的上一个兄弟节点

7.创建和增加节点的方法：
createElement():创建节点
appendChild():末尾追加方式插入节点
insertBefore():在指定节点前插入新节点
cloneNode():克隆节点

8.删除和替换节点：
removeChild();删除节点
replaceChild():替换节点

9.什么是HTML对象：
html文档中的每个节点都是DOM对象，每类对象都有一套属性
方法，最常用的就是<table>表格和各类表单<form>元素对象

10.表格相关对象：
整个表格：table
表格中的一行：tableRow
表格中的一个单元格：tebleCell

11.表格中所有行的相关信息：
类别 名称 描述
属性 rows[] 返回包含表格中所有行的一个数组
方法 insertRow() 在表格中插入一个新行
deleteRow() 从表格中删除一行

12.表格单行的相关对象
类名 名称 描述
属性 cells[] 返回包含行中所有单元格的一个数组
rowIndex[] 返回该行在表中的位置
方法 insertCell() 在一行中的指定位置插入一个空的<td>标签
deleteCell() 删除行中指定的单元格

13.表格单个单元格的相关对象
类名 名称 描述
属性 cellIndex 返回单元格在某行单元格集合中的位置
innerHTML 设置或返回单元格的开始标签和结束标签之间的HTML
align 设置或返回单元格内部数据的水平排列方式
className 设置或返回元素的class属性