La méthode ChildNode.remove()
retire l'objet de l'arbre auquel il appartient.
Syntaxe
node.remove();
Exemple
Utilisation de la méthode remove()
<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>
<div id="div-03">Here is div-03</div>
var el = document.getElementById('div-01');
el.nextElementSibling.remove(); // Retire l'élément div dont l'id est 'div-02'
ChildNode.remove()
est unscopable
La méthode remove()
n'est pas comprise dans une instruction with
. Voir Symbol.unscopables
pour plus d'informations.
with(node) {
remove();
}
// ReferenceError: remove is not defined (remove n'est pas défini)
Prothèse d'émulation
Vous pouvez utiliser une prothèse d'émulation pour la méthode remove()
dans Internet Explorer 9 et supérieur avec le code suivant :
// from: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]);
Spécifications
Spécification | Statut | Commentaire |
---|---|---|
DOM La définition de 'ChildNode.remove' dans cette spécification. |
Standard évolutif | Définition initiale |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
- L'interface simple
ChildNode
.