Heim >Web-Frontend >js-Tutorial >Löschen Sie DOM-Knoten mit JS

Löschen Sie DOM-Knoten mit JS

php中世界最好的语言
php中世界最好的语言Original
2018-04-20 10:25:262506Durchsuche

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>

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!

Stellungnahme:
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