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

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 51Edge ? Firefox Support complet 53IE ? Opera Support complet 38Safari Support complet 10.1WebView Android Support complet 51Chrome Android Support complet 51Edge Mobile ? Firefox Android Support complet 45Opera Android Support complet 38Safari iOS Support complet 10.1Samsung Internet Android Support complet 6.0

Légende

Support complet  
Support complet
Compatibilité inconnue  
Compatibilité inconnue

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : loella16
Dernière mise à jour par : loella16,