Heim >Web-Frontend >js-Tutorial >So löschen Sie einen Knoten in Javascript
So löschen Sie einen Knoten in Javascript
- 藏色散人Original
- 2021-03-30 14:34:456141Durchsuche
So löschen Sie einen Knoten in JavaScript: 1. Verwenden Sie die Methode „remove()“, um alle Elemente auf dem übergeordneten Knoten zu löschen, einschließlich aller Text- und untergeordneten Knoten. 2. Verwenden Sie die Methode „removeChild()“, um einen untergeordneten Knoten auf dem übergeordneten Knoten zu löschen Knoten.
Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.
Methode 1: Verwenden Sie „remove()“, um einen Knoten zu löschen.
Die Methode „remove()“ kann verwendet werden, um alle Elemente auf dem übergeordneten Knoten zu entfernen, einschließlich aller Text- und untergeordneten Knoten.
Beispiel: Alle untergeordneten Knoten auf dem ul-Knoten li löschen
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<ul style="border: 2px dashed #006DAF;">
<li>Get Up in Morning</li>
<li>Do some exercise</li>
<li>Get Ready for school</li>
<li>Study Daily</li>
<li>Do homework</li>
</ul>
<input id="btn" type="button" value="删除子节点">
</body>
<script>
function deleteChild() {
var e = document.querySelector("ul");
var first = e.firstElementChild;
while (first) {
first.remove();
first = e.firstElementChild;
}
}
var btn = document.getElementById("btn").onclick = function() {
deleteChild();
}
</script>
</html>Rendering:
Methode 2: Verwenden Sie „removeChild()“, um den Knoten zu löschen.
Die Methode „removeChild()“ wird verwendet, um ein untergeordnetes Element auf zu löschen der übergeordnete Knotenknoten.
Beispiel: Löschen Sie alle untergeordneten Knoten li auf dem ul-Knoten
Das obige ist der detaillierte Inhalt vonSo löschen Sie einen Knoten in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!