फ़ायरफ़ॉक्स या जावास्क्रिप्ट, डीओएम

Question

गिनती है मुझे यकीन है कि यह आसान है लेकिन मुझे नहीं पता कि यह कैसे करना है। मैं अपने एचटीएमएल पेज में डीओएम तत्वों की मात्रा कैसे गिन सकता हूं? मैं इसे एक उपयोगकर्ता सूची या बुकमार्कलेट में करना चाहता था लेकिन मुझे नहीं पता कि कैसे शुरू किया जाए! Element नोड्स के लिए

Answer 1

उपयोग करें:

document.getElementsByTagName("*").length 

किसी भी नोड के लिए, आप इस तरह Node विस्तार कर सकते हैं:

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

फिर तुम सब करने की जरूरत है document.countChildNodes कॉल करने के लिए है।

Answer 2

// आप एक ही विधि का उपयोग करें, प्रत्येक टैग की संख्या प्राप्त करने के लिए अगर यह मायने रखती है

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

जावास्क्रिप्ट में आप कर सकते हैं

document.getElementsByTagName("*").length 

jQuery में आप

jQuery('*').length 

कर सकते हैं