javascript如何刪除表格行

這篇文章主要介紹javascript如何刪除表格行，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

10年積累的成都網站建設、網站制作經驗，可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你，你也不認識我。但先網站設計后付款的網站建設流程，更有額濟納免費網站建設讓你可以放心的選擇與我們合作。

JavaScript是什么

JavaScript是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶端的腳本語言，最早是在HTML網頁上使用，用來給HTML網頁增加動態功能。

javascript刪除表格行的方法：首先使用“document.querySelector("tr")”語句獲取表格tr（行）對象；然后使用“tr.remove()”語句來刪除表格中的一行單元格。

本教程操作環境：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如何刪除表格行