js动态添加表格源代码

最新推荐文章于 2023-11-16 23:03:18 发布

叶不二

最新推荐文章于 2023-11-16 23:03:18 发布

阅读量448

点赞数 1

分类专栏： web前端文章标签： html jquery 源代码 javascript

本文链接：https://blog.csdn.net/qq_29447481/article/details/60967391

版权

web前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

动态增加删除一行

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>hdfs metrics</title>
	<link rel="stylesheet" href="css/style.css" type="text/css">
    <script type="text/javascript" src="js/jquery-3.0.0/jquery-3.0.0.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    
    <script type="text/javascript">
	    function InserTab() {
	        var rowT = "<tr><td style='text-align: right;'><button οnclick='deleteRow(this)'>删除</button></td></tr>";
	        $("#tab").append(rowT);
	    }
	    function deleteRow(r)
	    {
	    var i=r.parentNode.parentNode.rowIndex;
	    document.getElementById('tab').deleteRow(i);
	    }
    </script>
</head>
<body>
	<div id="contents" class="body" style="color: black">        
        <table id="tab" width="100%" style="border: thick;">
        </table>
        <table width="100%" style="border: none;">
        	<tr>
        		<td style="text-align: right;">        
        		<button type="button" οnclick="InserTab()">添加</button>
        		</td>
        	</tr>
        </table>
	</div>
</body>
</html>

叶不二

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js动态添加表格源代码

动态增加删除一行 hdfs metrics function InserTab() { var rowT = "删除"; $("#tab").append(rowT); } function deleteRow(r) { var i=r.parentNod
复制链接

扫一扫

专栏目录