La méthode Range.extractContents() déplace le contenu du Range depuis l’arbre du document dans un DocumentFragment.
Les gestionnaires d’évènements ajoutés en utilisant les méthodes du DOM ne sont pas conservés lors de l’extraction. les attributs HTML d’évènements sont conservés ou dupliqués comme ils le seraient avec la méthode Node.cloneNode(). Les attributs HTML id sont également clonés, ce qui peut mener à un document invalide si un nœud partiellement sélectionné est extrait et ajouté au document.
Les nœuds partiellement sélectionnés sont clonés pour inclure les balises parentes nécessaires pour rendre le fragment de document valide.
Syntaxe
documentFragment = range.extractContents();
Exemple
var range = document.createRange();
range.selectNode(document.getElementsByTagName("div").item(0));
var documentFragment = range.extractContents();
document.body.appendChild(documentFragment);
Spécifications
| Spécification | Statut | Commentaire |
|---|---|---|
| DOM La définition de 'Range.extractContents()' dans cette spécification. |
Standard évolutif | Pas de changement. |
| Document Object Model (DOM) Level 2 Traversal and Range Specification La définition de 'Range.extractContents()' dans cette spécification. |
Obsolete | Spécification initiale. |
Compatibilité des navigateurs
Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !
| Fonctionnalité | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Support de base | (Oui) | (Oui) | 1.0 (1.7 ou moins) | 9.0 | 9.0 | (Oui) |
| Fonctionnalité | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Support de base | (Oui) | (Oui) | 1.0 (1.0) | 9.0 | 9.0 | (Oui) |