Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.
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)
Polyfill
Vous pouvez utiliser un polyfill 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
Update compatibility data on GitHub
Ordinateur | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
remove | Chrome Support complet 23 | Edge Support complet 12 | Firefox Support complet 23 | IE Aucun support Non | Opera Support complet 15 | Safari Support complet 7 | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet 23 | Opera Android Support complet 14 | Safari iOS Support complet 7 | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet
- Aucun support
- Aucun support
Voir aussi
- L'interface simple
ChildNode
.