Firefox O JavaScript, cuente el DOM

Question

Estoy seguro de que esto es simple pero no tengo ni idea de cómo hacerlo. ¿Cómo cuento la cantidad de elementos DOM en mi página HTML? Quería hacer esto en un UserScript o bookmarklet pero no tengo idea de cómo empezar.

Answer 1

uso de este Element nodos:

document.getElementsByTagName("*").length 

Para cualquier nodo, se puede extender Node así:

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; 
}; 

Entonces todo lo que tiene que hacer es llamar a document.countChildNodes.

Answer 2

// Se puede utilizar el mismo método para obtener el recuento de cada etiqueta, si importa

alerta

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(', '); 
} 

(tagcensus())

Answer 3

En JavaScript se puede hacer

document.getElementsByTagName("*").length 

En jQuery que puede hacer

jQuery('*').length