Heim > Artikel > Backend-Entwicklung > Beispiel einer JS-Implementierung der DOM-Löschknotenoperation

Beispiel einer JS-Implementierung der DOM-Löschknotenoperation

不言Original: 2018-04-04 17:16:112135Durchsuche

In diesem Artikel wird hauptsächlich die JS-Implementierung des Löschvorgangs für DOM-Knoten vorgestellt und die zugehörigen Implementierungstechniken von JavaScript mithilfe von „removeChild()“ zum Betrieb der Funktion zum Löschen von Seiten-DOM-Knoten in Form von Beispielen analysiert

Das Beispiel beschreibt die JS-Implementierung des Löschvorgangs für DOM-Knoten. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1 Einführung

Das Löschen von Knoten erfolgt durch die Verwendung von removeChild() Verfahren. Die Methode

removeChild() wird zum Löschen eines untergeordneten Knotens verwendet.

obj. removeChild(oldChild)<br>oldChild: Gibt den Knoten an, der gelöscht werden muss.

2 Verwenden Sie

, um Knoten zu löschen. In diesem Beispiel wird der ausgewählte Text auf der Seite über die removeChild()-Methode des DOM dynamisch gelöscht Objekt.

Drei Codes

<!DOCTYPE html>
<html>
<head>
<title>www.jb51.net 删除节点</title>
<script language="javascript">
<!--
function delNode()
{
var deleteN=document.getElementById(&#39;di&#39;);
if(deleteN.hasChildNodes())
{
  deleteN.removeChild(deleteN.lastChild);
}
}
-->
</script>
</head>
<body>
<h1>删除节点</h1>
<p id="di">
<p>第一行文本</p>
<p>第二行文本</p>
<p>第三行文本</p>
</p>
<form>
<input type="button" value="删除" onclick="delNode();"/>
</form>
</body>
</html>

Vier Laufergebnisse

Verwandte Empfehlungen:

js---DOM node

Methoden von JS und JQuery zur Manipulation von DOM

Das obige ist der detaillierte Inhalt vonBeispiel einer JS-Implementierung der DOM-Löschknotenoperation. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

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

Vorheriger Artikel：Analyse der Unterschiede zwischen die(), exit() und return in PHPNächster Artikel：Analyse der Unterschiede zwischen die(), exit() und return in PHP

In Verbindung stehende Artikel

Mehr sehen