web项目中操作最多的之一,要数表格了。此时,静态表格再也不能满足人们的需求了,动态表格就体现出了它的优势。
一、创建表格
第一种动态创建表格的方法:
document.createElement() 方法 //用于创建节点
node.appendChild()方法 //用于添加行列
document.createTextNode()方法 //为表格添加数据
但是第一种方法可能会在IE中出现问题。
第二种动态创建表格的方法:
table.insertRow(index)方法 //表中插入行
row.insertCell(index)方法 //行内加入单元格
二、操作表格
(1)、改变数据
用innerHTML或者innerText改变内容,两者的区别是:innerHTML会获取节点内元素内容及其标签,innerText只获得元素内的内容;
(2)、删除行列
table.deleteRow(index) //删除行
若不确定行数,据行的一些特殊属性获取行号,row.rowIndex。
删除列
function deleteColumn(t){ //参数t是确定要删的列
for(var i=0;table.rows.length;i++){
row.deleteCell(index);
}
}