html 使用JS增加表格行信息

最新推荐文章于 2019-07-08 22:54:00 发布

蓝铃铛

最新推荐文章于 2019-07-08 22:54:00 发布

阅读量601

点赞数

文章标签： html button input function javascript c

本文链接：https://blog.csdn.net/hibeary/article/details/5638332

版权

oTbody.rows[v].insertCell(5);
oTbody.rows[v].cells[5].className="bg_white";
oTbody.rows[v].cells[5].align="center";
oTbody.rows[v].cells[5].innerHTML="<input type='button' value='删除' οnclick='deleteRows(this);'/>";

}
    //物料信息删除行
function deleteRows(btn)
{
var oTable = document.getElementById("whtable");
var oTbody = oTable.tBodies[0];
   var tr = btn.parentNode.parentNode;
         oTbody.deleteRow(tr.rowIndex);
}

</script>

<html>
<head>
<title>
hitest
</title>
</head>

<body>

test
</td>

<td>

test
</td>
<td>

test
</td>

</tr>
<tr>
<td>

<td>

test
</td>
<td>

test
</td>

</tr>
</table>
</body>
<input type="button" name="add" οnclick="addItem() " value="add">

</html>

蓝铃铛

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
html 使用JS增加表格行信息

<br /><script language="javascript"><br /> function addItem()<br /> {<br /> var oTable = document.getElementById("whtable");<br /> var oTbody = oTable.tBodies[0]; <br /> var v = oTbody.rows.length;<br /> oTbody.insertRow(v); <br /> oTbody.rows[v
复制链接

扫一扫