JS学习笔记第十三期--（DOM编程二）

操作DOM

table对象

table对象是DOM元素中的一个特别对象，它拥有一系列独有的属性和方法

table对象的属性和方法：

属性/方法	说明
rows	返回table对象中所有行的集合，集合中每一个元素都是tableRow对象
insertRow(index)	在表格中插入一行并返回该行，参数为索引值，如果不添加索引，则会在末尾添加
deleteRow(index)	在表格中删除一行 参数为索引值，必填

tableRow对象的属性和方法：

属性/方法	说明
cells	返回tableRow对象中所有行的集合，集合中没一个元素为tableCell对象
rowIndex	返回该行在表格中的索引位置
insertCell(index)	在行中插入一列并返回该列 参数为索引值，如果不输入则会在末尾添加
deleteCell(index)	在行中删除一列 参数为索引值，必填

tableCell对象的属性和方法

属性/方法	说明
cellIndex	返回该单元格在行中的索引位置

创建DOM对象

在对DOM对象有了一定初步了解之后，我们可以通过语句进行DOM对象的创建，创建DOM对象的语句大都为document.creatXXXX为格式的

如：

document.createElement(TagName)
创建一个元素节点

document.createTextNode(文本内容)
创建一个文本节点

element.appendChild(子节点)
向父元素末尾添加子节点

修改DOM对象

在通过create语句创建了DOM对象后，我们还可以通过语句对DOM节点进行修改

如：

element.removeChild(子节点)
删除一个节点

element.replaceChild(新节点,旧节点)
替换一个节点

element.insertBefore(新节点, 已有节点)
在已有的子节点插入一个新的子节点