本文介绍如何使用JavaScript进行表格的创建、插入及删除行等操作。通过具体函数实现动态增删表格行，包括添加新行并填充内容，以及删除指定行。
<script type="text/javascript">
function addtraaa(v_v){
//获得表格
var tab = document.getElementById("table1");
//表格的列数
var colsNum = tab.rows.item(0).cells.length;
alert(colsNum);
//表格当前的行数
var num = document.getElementById("table1").rows.length;
alert(num);
var rownum = num-1;
tab.insertRow(rownum);
for(var j=0;j<colsNum-1;j++)
{
tab.rows[rownum].insertCell(i);//插入列
tab.rows[rownum].cells[i].innerHTML="dfd";
}
tab.rows[rownum].insertCell(i);
tab.rows[rownum].cells[i].innerHTML="dddkk";
var v_s = v_v.split(",");
for(var i=0;i<v_s.length;i++){
alert(v_s[i]);
}
}
</script>
//动态删除表格的行
function deleterow()
{
var lowNum;
var num=document.getElementById("table1").rows.length;
alert(num);
if(num ==2 )
{
lowNum=num-1;
}
var tb = document.getElementById("table1");
tb.deleteRow(lowNum);
}
//删除当前行
//在表格的列中写一个事件，如：<input type="text" id="btnCans" onclick="delRow(this)"/>
//删除行
function delRow(obj)
{
/* var Row = obj.parentNode;
while(Row.tagName.toLowerCase()!= "tr" )
{
Row = Row.parentNode;
}
*/
var td = obj.parentNode;
var tr = td.parentNode;
var tbody = tr.parentNode;
tbody.removeChild(tr);//删除行
}
//创建表格的行和列
<script type="text/javascript">
function add_table(){
var table = document.createElement("table");
var tbody = document.createElement("tbody");
var tr = document.createElement("tr");
var td = document.createElement("td");
var content = document.createTextNode("我是个表格");
td.appendChild(content);
tr.appendChild(td);
tbody.appendChild(tr);
table.appendChild(tbody);
document.body.appendChild(table);
}
</script>
<body onload="add_table();"></body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
