JS----实用小知识-------对表格增删行操作

最新推荐文章于 2021-02-13 19:00:16 发布

八戒de故事

最新推荐文章于 2021-02-13 19:00:16 发布

阅读量139

点赞数

分类专栏： JS----实用小知识文章标签：对表格-增删-行操作

JS----实用小知识专栏收录该内容

1 篇文章 0 订阅

订阅专栏

function addRow(){
    var table=document.getElementById("mytable");    
    var rowindex=table.rows.length;
    var row=table.insertRow(rowindex);
        row.insertCell(0).innerHTML="3";
        row.insertCell(1).innerHTML="4";
}
function delRow(){
    var table=document.getElementById("mytable");    
    var rowindex=table.rows.length;
    table.deleteRow(rowindex-1);
}

</script>
</head>

<body>
<input type="button" value="删除一行" onclick="delRow()"/>
<input type="button" value="添加一行" onclick="addRow()"/>
<table id="mytable" border="1">
   <tr><td>1</td><td>2</td></tr>
</table>
</body>

转载地址:http://www.cnblogs.com/holly8/p/5783380.html

优惠劵

八戒de故事

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS----实用小知识-------对表格增删行操作

function addRow(){ var table=document.getElementById("mytable"); var rowindex=table.rows.length; var row=table.insertRow(rowindex); row.insertCell(0).innerHTML="3"; row.
复制链接

扫一扫