suchen

Heim >Web-Frontend >js-Tutorial >Einführung in die Verwendung der Knotenlöschfunktion „removeChild()'

Einführung in die Verwendung der Knotenlöschfunktion „removeChild()'

巴扎黑
巴扎黑Original
2018-05-12 15:34:423468Durchsuche

Knoten entfernen „removeChild()“
Die Methode „removeChild()“ entfernt einen Knoten aus der Liste der untergeordneten Knoten. Wenn der Löschvorgang erfolgreich ist, kann diese Methode den gelöschten Knoten zurückgeben. Wenn der Löschvorgang fehlschlägt, gibt sie NULL zurück.

Syntax:

nodeObject.removeChild(node)
Parameter:

node: Erforderlich, geben Sie den zu löschenden Knoten an.

Hinweis: Weisen Sie den gelöschten untergeordneten Knoten x zu. Dieser untergeordnete Knoten befindet sich nicht im DOM-Baum, ist jedoch weiterhin im Speicher vorhanden und kann über x bedient werden.

Wenn Sie das Objekt vollständig löschen möchten, weisen Sie x einen Nullwert zu. 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>

<body>
<p id="content">
  <h1>html</h1>
  <h1>php</h1>
  <h1>javascript</h1>
  <h1>jquery</h1>
  <h1>java</h1>
</p>
<script type="text/javascript">//一次性删除所有子节点function clearText() {  var content=document.getElementById("content");  for(var i=0;i<content.childNodes.length;i++){      var node = content.childNodes[i];
      content.removeChild(node);
  }
}</script>
<button onclick="clearText()">清除节点内容</button>
</body>
</html>

Das obige ist der detaillierte Inhalt vonEinführung in die Verwendung der Knotenlöschfunktion „removeChild()'. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

NULL 对象 dom
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
Vorheriger Artikel：Detaillierte Erläuterung der Async/Await-Nutzungsbeispiele von ES7Nächster Artikel：Detaillierte Erläuterung der Async/Await-Nutzungsbeispiele von ES7

In Verbindung stehende Artikel

Mehr sehen