js动态删除表格中的行和列

最新推荐文章于 2022-06-11 09:05:48 发布

buqixiaomi

最新推荐文章于 2022-06-11 09:05:48 发布

阅读量923

点赞数

分类专栏：前端文章标签： js 删除行列

本文链接：https://blog.youkuaiyun.com/buqixiao/article/details/39315533

版权

前端专栏收录该内容

2 篇文章

订阅专栏

本文提供了一段使用JavaScript实现的代码片段，演示了如何在HTML表格中删除特定行和列的方法。通过获取表格元素并利用其方法进行操作，可以有效地管理表格数据的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、删除行，得到table，删除行

<body>
	<div>
    
    <table id="t1">
    	<tr id="tr1">
        	<td>1</td>
            <td class='kon'>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
        </tr>
    </table>
    </div>
</body>
<script type="text/javascript">
	window.onload = function(){
		var t = document.getElementById("t1");
		t.deleteRow(0);
		alert("yes");
		}
</script>

2、删除列，得到行，删除列

<body>
	<div>
    
    <table id="t1">
    	<tr id="tr1">
        	<td>1</td>
            <td class='kon'>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
        </tr>
    </table>
    </div>
</body>
<script type="text/javascript">
	window.onload = function(){
		alert("aad");
		var t = document.getElementById("tr1");
		t.deleteCell(0);
		alert("yes");
		}
</script>