Wie kann ich alle untergeordneten Elemente von einem DOM-Knoten in JavaScript entfernen?

Untergeordnete Elemente eines DOM-Knotens in JavaScript entfernen

Um alle untergeordneten Elemente eines DOM-Knotens in JavaScript zu entfernen, können Sie mehrere Ansätze verwenden .

Option 1: InnerHTML
Diese Methode ersetzt den gesamten inneren Inhalt eines Knotens. Es ist unkompliziert, kann jedoch aufgrund der Browser-HTML-Analyse Auswirkungen auf die Leistung haben.

Beispiel:

const myNode = document.getElementById("foo");
myNode.innerHTML = '';

Option 2: Sammlung untergeordneter Knoten
Greifen Sie auf die Sammlung untergeordneter Knoten zu des Knotens und setzen Sie ihn auf ein leeres Array:

myNode.childNodes.length = 0;

Option 3: Entfernen Untergeordnetes Element (jQuery)
Für jQuery-Benutzer entfernt das folgende Snippet effektiv untergeordnete Elemente:

$('#foo').empty();

Das obige ist der detaillierte Inhalt vonWie kann ich alle untergeordneten Elemente von einem DOM-Knoten in JavaScript entfernen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!