您的位置：首页 > Web前端 > JavaScript

javascript => insertRow insertCell deleteRow rowIndex 用法

2010-04-29 17:28 549 查看

<html>
<head>
<mce:script type = "text/javascript"><!--
function addrow()
{
var i = document.getElementById("table").rows.length;
var newtable = document.getElementById("table");//can use getElementsByTagName
var CopyTr = newtable.insertRow(0);
var copycell = CopyTr.insertCell();
copycell.innerHTML=i;
}
function delrow()
{
var i = document.getElementById("table").rowIndex;
var n = document.getElementById("table").rows.length;
if (n!=1)//if not one line just delete line
{
document.getElementById("table").deleteRow(i);
}
else//if table have one line can not do delete
{
alert("just one line can not delete");
}
}

// --></mce:script>
</head>
<body>
<input type = "button" onclick = "addrow();" value = "addrows">
<input type = "button" onclick = "delrow();" value = "delrows" id = "delbutton">
<table border=1 id = "table">
<tr>
<td>111</td>
</tr>
</table>
</body>
</html>

insertRow(i)
：方法可用来往表格中的指定位置上插入新行

把新行插入表格第i
行之上 i从0开始计算（表格的第一行为第0行）如果i等于表格总行数则插入最后一行

insertCell(i）：在行中插入1列方法同 insertRow（i）

deleteRow(i)
:删除表格中的第i行 i从0开始算起

rowIndex
:

返回某一行在表格中行集合的位置

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

javascript =&gt; insertRow insertCell deleteRow rowIndex 用法

javascript => insertRow insertCell deleteRow rowIndex 用法