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('di');
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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
