Heim > Artikel > Web-Frontend > Zusammenfassung der JS-Methoden zum Löschen von DOM-Objektknoten

Zusammenfassung der JS-Methoden zum Löschen von DOM-Objektknoten

php中世界最好的语言Original: 2018-06-11 14:29:452011Durchsuche

Dieses Mal werde ich Ihnen eine Zusammenfassung der Methode zum Löschen von DOM-Objektknoten mit JS geben. Was sind die Vorsichtsmaßnahmen zum Löschen von DOM-Objektknoten mit JS? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

1 Einführung

Das Löschen von Knoten wird durch die Verwendung der removeChild()-Methode erreicht. Die Methode

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

obj. removeChild(oldChild)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>w删除节点</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>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben, achten Sie bitte darauf zu anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Vue+Sortable-Projekt-Praxiscode

So verwenden Sie vue+mint-ui im Projekt

Das obige ist der detaillierte Inhalt vonZusammenfassung der JS-Methoden zum Löschen von DOM-Objektknoten. 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：Zusammenfassung des JS-Zugriffs auf DOM-ObjektknotenmethodenNächster Artikel：Zusammenfassung des JS-Zugriffs auf DOM-Objektknotenmethoden

In Verbindung stehende Artikel

Mehr sehen