Wie entferne ich DOM-Elemente in JavaScript korrekt?

JavaScript: DOM-Elemente entfernen

Das Erstellen und Ändern von DOM-Elementen ist ein grundlegender Aspekt der JavaScript-Programmierung. In diesem Zusammenhang besteht eine häufige Aufgabe darin, die Existenz eines Elements zu prüfen und es zu erstellen, wenn es nicht existiert, oder es zu entfernen, wenn es bereits existiert.

Prüfung auf Elementexistenz

Der bereitgestellte Code prüft mithilfe von document.getElementById("injected_frame") erfolgreich, ob ein Iframe mit der ID „injected_frame“ vorhanden ist. Wenn der Iframe vorhanden ist, wird er als Referenz ungleich Null ausgewertet.

Erstellen eines Elements

Das Code-Snippet demonstriert die Erstellung eines Iframe-Elements mit den gewünschten Attributen. Dazu gehört das Festlegen der Attribute „id“, „src“, „width“ und „height“ mit setAttribute() und das anschließende Anhängen des neuen Elements an das DOM mit appendChild().

Löschen ein Element

Das Problem tritt jedoch auf, wenn versucht wird, den Iframe zu entfernen, wenn er bereits vorhanden ist. Der Code ruft iframe.removeChild(frameid.childNodes[0]) auf, was falsch ist. In JavaScript sollte die Methode „removeChild()“ auf das übergeordnete Element des zu entfernenden Elements angewendet werden.

Korrigierter Code

Der korrigierte Code zum Entfernen des Iframes sollte sein:

<code class="javascript">if (frameid) {
    frameid.parentNode.removeChild(frameid);
}</code>

Dadurch wird sichergestellt, dass das Iframe-Element mit der ID „injected_frame“ erfolgreich aus dem DOM entfernt wird, sofern es vorhanden ist.

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