1.HTML DOM简介
1.1 含义:HTML DOM则是专门适用于HTML/XHTML的文档对象模型
1.2 与Core DOM的区别:
简化了语法:
不在使用setAttribute()/getAttribute();直接使用"对象名.属性名=属性值"方式完成。
2.常见的HTML DOM对象
2.1 table:表格对象
a)属性:rows[] -- 返回表格中所有行组成的一个数组
注意:rows.length 可返回数组的长度
rows[index] 可按指定的index位置返回一行
index表示从0开始的下标!
b)方法:insertRow(index) -- 在表格指定的index位置插入一行
deleteRow(index)-- 在表格指定的index位置删除一行
index表示从0开始的下标!
2.2 tableRow:表格行对象
a)属性:cells[] -- 返回某行中所有单元格组成的一个数组
rowIndex -- 返回该行在表中的位置
注意:index从0开始计算!!!
b)insertCell(index) -- 在一行中按指定位置index插入空单元格
deleteCell(index) -- 在一行中按指定位置index删除单元格
注意:index从0开始计算!!!
2.3 tableCell :表格单元格对象
a)属性:cellIndex-->返回单元格在一行中的位置
innerHTML-->设置或返回单元格开始标签与结束标签之间的内容
className -- 设置或返回单元格的类样式