ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptで横線を削除するコードは何ですか

JavaScriptで横線を削除するコードは何ですか

青灯夜游
青灯夜游オリジナル
2022-03-28 18:30:162546ブラウズ

横線を削除するJavaScriptのコードは「body object.removeChild(hr object)」です。水平線は hr 要素を使用して定義されており、水平線を削除するには、JavaScript のremoveChild() 関数を使用して親要素本体から hr 要素を削除するだけで済みます。

JavaScriptで横線を削除するコードは何ですか

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#javascript delete 水平線

水平線は hr 要素を使用して定義されます。

水平線を削除したい場合は、JavaScriptのremoveChild()関数を使用して親要素本体から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)

パラメータ ノードは、削除されるノードです。削除が成功した場合は削除されたノードが返され、失敗した場合は null が返されます。

removeChild() メソッドを使用してノードを削除すると、そのノードに含まれるすべての子ノードが同時に削除されます。

【関連する推奨事項:

JavaScript ビデオ チュートリアル Web フロントエンド ]

以上がJavaScriptで横線を削除するコードは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。