`

javascript对table动态添加,删除行

阅读更多

js动态操作table:var myTable=document.getElementById('myTable'); 

1. 向table添加一行

var row = myTableTbody.insertRow(newLine-1);

 

1.1 给row设置属性ID

row.setAttribute("id","1");

 

1.2 给row添加样式:

row.className = "className";


1.3 给row添加一列:

var col = row.insertCell(0);


1.4给col添加内容

col.innerHTML = " Hello World" ;


2. 删除表格的某行

2.1 删除表格的行: 

myTable.deleteRow(index) ; index为要删除行的索引.

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics