javascript刪除水平線的程式碼是什麼

青灯夜游
發布: 2022-03-28 18:30:16
原創
2566 人瀏覽過

javascript刪除水平線的程式碼是「body物件.removeChild(hr物件)」。水平線是使用hr元素定義的,只需要使用javascript removeChild()函數從父元素body中將hr元素移除,即可刪除水平線。

javascript刪除水平線的程式碼是什麼

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript刪除水平線

水平線是使用hr元素定義的。

想要刪除水平線,只需要使用javascript removeChild()函數從父元素body中刪除hr元素即可刪除水平線。

範例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<h1>这是一个大标题</h1>
		<p id="p1">这是一段文字。</p>
		<p id="p2">这是另一段文字。</p><hr id="hr" />
		<button onclick="myFunction()">删除水平线(hr)</button>
		<script>
			function myFunction() {
				var body = document.getElementsByTagName("body")[0];  //获取body元素的引用
				var hr = document.getElementById("hr");  //获取hr元素的引用
				body.removeChild(hr);
			}
		</script>
	</body>
</html>
登入後複製

javascript刪除水平線的程式碼是什麼

說明:

removeChild() 方法可以從子節點清單中刪除某個節點。用法如下:

nodeObject.removeChild(node)
登入後複製

其中參數 node 為要刪除節點。如果刪除成功,則傳回被刪除節點;如果失敗,則傳回 null。

當使用 removeChild() 方法刪除節點時,該節點所包含的所有子節點將同時刪除。

【相關推薦:javascript影片教學web前端

以上是javascript刪除水平線的程式碼是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板