La propriété en lecture seule isConnected
de l'interface Node
renvoie un booléen indiquant si le noeud est connecté (directement ou indirectement) à l'objet contexte, par exemple l'objet Document
dans le cas d'un DOM normal ou l'objet ShadowRoot
dans le cas du DOM shadow.
Syntaxe
var isItConnected = nodeObjectInstance.isConnected
Renvoie la valeur
Un Boolean
(booléen) — true
(vrai) si le noeud est connecté à son objet contextuel pertinent et false
(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 shadow
var shadow = this.attachShadow({mode: 'open'});
// Crée du CSS à appliquer au dom shadow
var 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
Spécification | Statut | Commentaire |
---|---|---|
DOM La définition de 'isConnected' dans cette spécification. |
Standard évolutif | Définition initiale. |
Compatibilité des navigateurs
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.