Heim > Web-Frontend > js-Tutorial > Hauptteil

Löschen Sie DOM-Knoten mit JS

php中世界最好的语言
Freigeben: 2018-04-20 10:25:26
Original
2470 Leute haben es durchsucht

Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen zum Löschen von DOM-Knoten mit JS und die

Vorsichtsmaßnahmen

zum Löschen von DOM-Knoten mit JS vorstellen. Das Folgende ist Ein praktischer Fall, werfen wir einen Blick darauf.

1 Einführung

removeChild()

Das Löschen von Knoten erfolgt mithilfe der Methode

. Die Methode removeChild()

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

oldChild

: Gibt den Knoten an, der gelöscht werden muss. Zweite Anwendung

löscht den Knoten dynamisch über die removeChild()-Methode des

DOM-Objekts

Ausgewählter Text. Drei Codes

<!DOCTYPE html>
<html>
<head>
<title> 删除节点</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>
Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben, bitte Achten Sie auf andere verwandte Themen im Artikel zur chinesischen PHP-Website!

Empfohlene Lektüre:
Mint-UI in Vue verwenden


JS für den Zugriff auf den ausgewählten DOM-Knoten (mit Code)


Was sind die Verwendungsmöglichkeiten von Swiper in Vue?

Das obige ist der detaillierte Inhalt vonLöschen Sie DOM-Knoten mit JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage