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
elementNodeReference.remove();
Exemple
Utiliser 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 exposée lors d'une déclaration with. Voir Symbol.unscopables pour plus d'information.
with(node) {
remove();
}
// ReferenceError: remove is not defined
Émulation
if (!('remove' in Element.prototype)) {
Element.prototype.remove = function() {
if (this.parentNode) {
this.parentNode.removeChild(this);
}
};
}
Spécifications
| Specification | Status | Comment |
|---|---|---|
| DOM La définition de 'ChildNode.remove' dans cette spécification. |
Standard évolutif | Définition initiale |
| DOM4 La définition de 'ChildNode.remove' dans cette spécification. |
Recommendation |
Compatibilité
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
Basic support (on Element) |
23.0 | 23.0 (23.0) | Edge | 10.0 | 7.0 |
Support on CharacterData and DocumentType |
29.0 | 23.0 (23.0) | Edge | 16.0 | 7.0 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
Basic support (on Element) |
(Oui) | 23.0 (23.0) | Pas de support | 10.0 | Pas de support |
Support on CharacterData and DocumentType |
(Oui) | 23.0 (23.0) | Pas de support | 16.0 | Pas de support |
Voir aussi
- L'interface simple
ChildNode.