javascript如何刪除表格行

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

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

JavaScript是什么

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

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

本教程操作環(huán)境：windows7系統(tǒng)、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()方法可用于刪除父節(jié)點上的所有元素，包括所有文本和子節(jié)點。

以上是“javascript如何刪除表格行”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道！

文章標題：javascript如何刪除表格行
新聞來源：http://aaarwkj.com/article36/pdiopg.html

成都網站建設公司_創(chuàng)新互聯，為您提供品牌網站設計、網站內鏈、響應式網站、營銷型網站建設、外貿建站、ChatGPT

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯

猜你還喜歡下面的內容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

javascript如何刪除表格行

JavaScript是什么