La propriété ParentNode.childElementCount en lecture seule renvoie un unsigned long (long non signé) représentant le nombre d'élèments fils de l'élément donné.

Cette propriété a été définie dans la pure interface ElementTraversal.
Comme cette interface contenait deux différents jeux de propriétés, l'un visant les  Node (noeuds) qui ont des enfants, l'autre les enfants, ils ont été déplacés dans deux interfaces pures, ParentNode et ChildNode. Dans ce cas, childElementCount a été rattaché à ParentNode. C'est un changement assez technique qui ne devrait pas affecter la compatibilité.

Syntaxe

var elCount = elementNodeReference.childElementCount; 
count
détient la valeur de retour, un type unsigned long (long non signé) (simplement un nombre entier)
node
est un objet représentant un Document, un DocumentFragment ou un Element.

Exemple

var foo = document.getElementById("foo"); 
if (foo.childElementCount > 0) { 
    // faire quelque chose
}

Polyfill pour IE8 & IE9 & Safari

Cette propriété n'est pas supportée par les versions antérieures à IE9 ni par IE9 ni par Safari. Ainsi, les objets Document, DocumentFragment dans ces navigateurs ne l'ont pas.

;(function(constructor) {
    if (constructor &&
        constructor.prototype &&
        constructor.prototype.childElementCount == null) {
        Object.defineProperty(constructor.prototype, 'childElementCount', {
            get: function() {
                var i = 0, count = 0, node, nodes = this.childNodes;
                while (node = nodes[i++]) {
                    if (node.nodeType === 1) count++;
                }
                return count;
            }
        });
    }
})(window.Node || window.Element);

Spécification

Spécification Statut Commentaire
DOM
La définition de 'ParentNode.childElementCount' dans cette spécification.
Standard évolutif Divise l'interface ElementTraversal en ChildNode et ParentNode. La propriété est maintenant définie sur cette dernière.
Les Document et DocumentFragment implémentent la nouvelle interface.
Element Traversal Specification
La définition de 'ElementTraversal.childElementCount' dans cette spécification.
Obsolete Ajout de sa définition initiale à la pure interface ElementTraversal et de son utilisation sur Element.

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 !

Fondtionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (on Element) 1.0 3.5 (1.9.1) 9.0 10.0 4.0
Support on Document and DocumentFragment 29.0 25.0 (25.0) Pas de support 16.0 Pas de support
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (on Element) (Oui) 1.0 (1.9.1) (Oui) (Oui) (Oui)
Support on Document and DocumentFragment (Oui) 25.0 (25.0) Pas de support 16.0 Pas de support

 

Voir aussi

Étiquettes et contributeurs liés au document

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