Firefox ou JavaScript, compte le DOM

Question

Je suis sûr que c'est simple mais je n'ai aucune idée de comment le faire. Comment puis-je compter le nombre d'éléments DOM dans ma page HTML? Je voulais le faire dans un userscript ou un bookmarklet mais je n'ai aucune idée de comment commencer!

Answer 1

Utilisez ce pour Element nœuds:

document.getElementsByTagName("*").length 

Pour un nœud, vous pouvez étendre Node comme ceci:

Node.prototype.countChildNodes = function() { 
    return this.hasChildNodes() 
    ? Array.prototype.slice.apply(this.childNodes).map(function(el) { 
     return 1 + el.countChildNodes(); 
     }).reduce(function(previousValue, currentValue, index, array){ 
     return previousValue + currentValue; 
     }) 
    : 0; 
}; 

Ensuite, tout ce que vous devez faire est d'appeler document.countChildNodes.

Answer 2

// Vous pouvez utiliser la même méthode pour obtenir le nombre de chaque étiquette, si elle importe

function tagcensus(pa){ 
    pa= pa || document; 
    var O= {}, 
    A= [], tag, D= pa.getElementsByTagName('*'); 
    D= A.slice.apply(D, [0, D.length]); 
    while(D.length){ 
     tag= D.shift().tagName.toLowerCase(); 
     if(!O[tag]) O[tag]= 0; 
     O[tag]+= 1; 
    } 
    for(var p in O){ 
     A[A.length]= p+': '+O[p]; 
    } 
    A.sort(function(a, b){ 
     a= a.split(':')[1]*1; 
     b= b.split(':')[1]*1; 
     return b-a; 
    }); 
    return A.join(', '); 
} 

alerte (tagcensus())

Answer 3

En JavaScript vous pouvez faire

document.getElementsByTagName("*").length 

En jQuery vous pouvez faire

jQuery('*').length