Die ChildNode.remove() Methode entfernt ein Objekt aus der Baumstruktur ("tree") zu der es gehört.

Syntax

node.remove(); 

Beispiel

Benutzung von remove()

<div id="div-01">Dies ist div-01</div>
<div id="div-02">Dies ist div-02</div>
<div id="div-03">Dies ist div-03</div>
var el = document.getElementById('div-02');
el.remove(); // Entfernt das div Element mit der id 'div-02'

ChildNode.remove() kann nicht gescopet werden

Die remove() Methode kann nicht mit dem with Statement gescopet werden. Symbol.unscopables enthält mehr Informationen darüber.

with(node) { 
  remove();
}
// Erzeught einen ReferenceError

Polyfill

Ein Polyfill der remove() Methode in Internet Explorer 9 und höher sieht folgendermaßen aus:

// von:https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/remove()/remove().md
(function (arr) {
  arr.forEach(function (item) {
    if (item.hasOwnProperty('remove')) {
      return;
    }
    Object.defineProperty(item, 'remove', {
      configurable: true,
      enumerable: true,
      writable: true,
      value: function remove() {
        if (this.parentNode !== null)
          this.parentNode.removeChild(this);
      }
    });
  });
})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);

Specifikationen

Specifikation Status Kommentar
DOM
Die Definition von 'ChildNode.remove' in dieser Spezifikation.
Lebender Standard Erste Definition.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Grundlegende Unterstützung231223 Nein107
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Grundlegende Unterstützung Ja Ja Ja2310 Nein Ja

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: sv3m0r
Zuletzt aktualisiert von: sv3m0r,