So löschen Sie Dom in JavaScript: Erstellen Sie zunächst eine HTML-Beispieldatei und eine Schaltfläche. Verwenden Sie dann die Methode „removeChild()“, um den Knoten zu löschen.
Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.
Beispiel für die JS-Implementierung des Löschvorgangs für DOM-Knoten
1. Einführung
Das Löschen von Knoten erfolgt mithilfe der Methode „removeChild()“. 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 Methode „removeChild()“ des DOM-Objekts gelöscht.
3. Code
<!DOCTYPE html> <html> <head> <title>删除节点</title> <script language="javascript"> <!-- function delNode() { var deleteN=document.getElementById('di'); if(deleteN.hasChildNodes()) { deleteN.removeChild(deleteN.lastChild); } } --> </script> </head> <body> <h1>删除节点</h1> <div id="di"> <p>第一行文本</p> <p>第二行文本</p> <p>第三行文本</p> </div> <form> <input type="button" value="删除" onclick="delNode();"/> </form> </body> </html>
[Empfohlenes Lernen: js Basis-Tutorial]
Das obige ist der detaillierte Inhalt vonSo löschen Sie Dom in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!