Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
Node.isConnected
Baseline Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis janvier 2020.
La propriété en lecture seuleisConnected de l'interfaceNode renvoie un booléen indiquant si le noeud est connecté (directement ou indirectement) à l'objet contexte, par exemple l'objetDocument dans le cas d'un DOM normal ou l'objetShadowRoot dans le cas du DOM shadow.
Syntaxe
var isItConnected = nodeObjectInstance.isConnected;Renvoie la valeur
UnBoolean (booléen) —true (vrai) si le noeud est connecté à son objet contextuel pertinent etfalse (faux) sinon.
Exemples
Un exemple DOM standard :
let test = document.createElement("p");console.log(test.isConnected); // renvoie false (faux)document.body.appendChild(test);console.log(test.isConnected); // renvoie true (vrai)Un exemple DOM shadow :
// Crée une racine shadowvar shadow = this.attachShadow({ mode: "open" });// Crée du CSS à appliquer au dom shadowvar style = document.createElement("style");console.log(style.isConnected); // renvoie false (faux)style.textContent = ".wrapper {" + "position: relative;" + "}" + ".info {" + "font-size: 0.8rem;" + "width: 200px;" + "display: inline-block;" + "border: 1px solid black;" + "padding: 10px;" + "background: white;" + "border-radius: 10px;" + "opacity: 0;" + "transition: 0.6s all;" + "position: absolute;" + "bottom: 20px;" + "left: 10px;" + "z-index: 3;" + "}" + // attache l'élément de style créé au dom shadow shadow.appendChild(style);console.log(style.isConnected); // renvoie true (vrai)Spécifications
| Specification |
|---|
| DOM # ref-for-dom-node-isconnected① |