Heim > Web-Frontend > Front-End-Fragen und Antworten > Was ist der Code zum Löschen horizontaler Linien in Javascript?

Was ist der Code zum Löschen horizontaler Linien in Javascript?

青灯夜游
Freigeben: 2022-03-28 18:30:16
Original
2598 Leute haben es durchsucht

Der Code für Javascript zum Löschen horizontaler Linien lautet „body object.removeChild(hr object)“. Die horizontale Linie wird mithilfe des hr-Elements definiert. Sie müssen lediglich die Javascript-Funktion „removeChild()“ verwenden, um das hr-Element aus dem übergeordneten Elementkörper zu entfernen und die horizontale Linie zu löschen.

Was ist der Code zum Löschen horizontaler Linien in Javascript?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Javascript horizontale Linie löschen

Horizontale Linien werden mithilfe des hr-Elements definiert.

Wenn Sie die horizontale Linie löschen möchten, müssen Sie nur die Javascript-Funktion „removeChild()“ verwenden, um das hr-Element aus dem übergeordneten Elementkörper zu löschen und die horizontale Linie zu löschen.

Beispiel:

<!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>
Nach dem Login kopieren

Was ist der Code zum Löschen horizontaler Linien in Javascript?

Beschreibung: Die Methode

removeChild() kann einen Knoten aus der Liste der untergeordneten Knoten entfernen. Die Verwendung ist wie folgt:

nodeObject.removeChild(node)
Nach dem Login kopieren

Der Parameterknoten ist der zu löschende Knoten. Wenn der Löschvorgang erfolgreich ist, wird der gelöschte Knoten zurückgegeben. Wenn er fehlschlägt, wird null zurückgegeben.

Wenn ein Knoten mit der Methode „removeChild()“ gelöscht wird, werden alle im Knoten enthaltenen untergeordneten Knoten gleichzeitig gelöscht.

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend

Das obige ist der detaillierte Inhalt vonWas ist der Code zum Löschen horizontaler Linien in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage