js对table的操作

代码块

//定义表框架；
<table id="gorScriptTable">
<thead>
<tr>
<th class="hidden-480">文件名</th>
<th class="hidden-480">更新时间</th>
<th class="hidden-480">循环使用</th>
<th class="hidden-480">操作</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

//创建表行以及增加列数据
var gorTable = document.getElementById("gorScriptTable");//取得自定义的表对象
NewRow1 = gorTable.insertRow();//添加行
NewRow1.id = res.data.fileMd5; //设置行id
NewCell11= NewRow1.insertCell(); //添加列
NewCell22=NewRow1.insertCell();
NewCell33=NewRow1.insertCell();
NewCell44=NewRow1.insertCell();
NewCell11.innerHTML = "test1"; //添加数据
NewCell22.innerHTML = "test1";
NewCell33.innerHTML = "test1";
NewCell44.innerHTML = "<a onclick=\"gorDelFile('" + test + "')\">删除</a>";

//删除表行
var table = document.getElementById("gorScriptTable"); //取得自定义的表对象
var row = document.getElementById(tid); //根据行id获取行；
var index = row.rowIndex; //rowIndex属性为tr的索引值，从0开始； 
table.deleteRow(index); //从table中删除行

//遍历删除表中除第一行的其他行；
function delAllTr(){
var table = document.getElementById("gorScriptTable"); //取得自定义的表对象
var rowNum=table.rows.length;
for (i=1;i<rowNum;i++)
{
var trClass = table.rows[i].className; //获取行class属性值
if(trClass == "" ){
table.deleteRow(i); //从table中删除行；
rowNum=rowNum-1;
i=i-1;
}
}
}；