站长资讯网
最全最丰富的资讯网站

javascript怎么删除表格行

javascript删除表格行的方法:首先使用“document.querySelector("tr")”语句获取表格tr(行)对象;然后使用“tr.remove()”语句来删除表格中的一行单元格。

javascript怎么删除表格行

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript删除表格行

<!DOCTYPE html> <html>  	<head> 		<meta charset="utf-8"> 	</head>  	<body> 		<table border="1"> 			<tr> 				<th>商品</th> 				<th>价格</th> 			</tr> 			<tr> 				<td>T恤</td> 				<td>¥100</td> 			</tr> 			<tr> 				<td>牛仔褂</td> 				<td>¥250</td> 			</tr> 			<tr> 				<td>牛仔库</td> 				<td>¥150</td> 			</tr> 		</table><br /> 		<input id="btn" type="button" value="删除一行单元格"> 	</body> 	<script> 		function deleteChild() { 			var tr = document.querySelector("tr");  			tr.remove();  		} 		var btn = document.getElementById("btn").onclick = function() { 			deleteChild(); 		} 	</script>  </html>

javascript怎么删除表格行

说明:

remove()方法可用于删除父节点上的所有元素,包括所有文本和子节点。

【推荐学习:javascript高级教程】

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号