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

Alle untergeordneten Elemente eines DOM-Knotens in JavaScript entfernen

Der bereitgestellte HTML-Codeausschnitt hat einen übergeordneten Knoten („foo“) mit zwei untergeordnete Elemente („span“ und „div“). Um alle untergeordneten Elemente aus „foo“ zu entfernen, können Sie die folgenden Methoden verwenden:

Nur ​​DOM-Option 1: InnerHTML löschen

Dieser Ansatz beinhaltet das Löschen der innerHTML-Eigenschaft des übergeordneten Knotens. Allerdings ist diese Methode möglicherweise nicht für Hochleistungsanwendungen geeignet, da sie den HTML-Parser des Browsers aufruft:

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

jQuery-Alternative

In jQuery können Sie verwenden die Methode empty() zum Entfernen aller untergeordneten Elemente von einem Knoten:

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

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