Heim > Artikel > Web-Frontend > So löschen Sie Dom in Javascript
So löschen Sie Dom in Javascript
- 藏色散人Original
- 2021-03-30 14:51:437894Durchsuche
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!