कक्षा के नाम से सभी तत्व कैसे प्राप्त करें?

Question

शुद्ध जावास्क्रिप्ट पर कक्षा के नाम से सभी तत्व कैसे प्राप्त करें? Jquery में एनालॉग $ ('वर्ग')?

Answer 1

document.getElementsByClassName(klass)

पता है कि कुछ इंजन (विशेष रूप से पुराने ब्राउज़र) यह नहीं है हो सकता है। यदि मामला है तो आप एक शिम का उपयोग करने पर विचार कर सकते हैं। यह धीमा हो जाएगा, और पूरे दस्तावेज़ पर फिर से शुरू होगा, लेकिन यह काम करेगा।

Answer 2

some browsers में document.getElementsByClassName(class) फ़ंक्शन है। अन्यथा, आपके पास एकमात्र विकल्प है जो आवश्यक वर्ग नाम रखने की आपकी स्थिति के विरुद्ध प्रत्येक की जांच करके दस्तावेज़ में सभी तत्वों को पुन: सक्रिय करना है।

Answer 3

document.getElementsByClassName('your class'); 

या आप, इस तरह से अपनी classname निर्माण है कि अगर यह

if (!document.getElementsByClassName) { 
    document.getElementsByClassName=function(cn) { 
     var allT=document.getElementsByTagName('*'), allCN=[], i=0, a; 
     while(a=allT[i++]) { 
      a.className==cn ? allCN[allCN.length]=a : null; 
     } 
     return allCN 
    } 
} 

Answer 4

कोशिश काम नहीं करता है सकते हैं यह काम करना चाहिए:

function(className) 
{ 
    var matchingItems = []; 
    var allElements = document.getElementsByTagName("*"); 

    for(var i=0; i < allElements.length; i++) 
    { 
     if(allElements [i].className == className) 
     { 
      matchingItems.push(allElements[i]); 
     } 
    } 

    return matchingItems; 
} 

Answer 5

 

function getElementsByClassName(oElm, strTagName, strClassName){ 
    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : 
     oElm.getElementsByTagName(strTagName); 
    var arrReturnElements = new Array(); 
    strClassName = strClassName.replace(/\-/g, "\\-"); 
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)"); 
    var oElement; 
    for(var i=0; i<arrElements.length; i++){ 
     oElement = arrElements[i];  
     if(oRegExp.test(oElement.className)){ 
      arrReturnElements.push(oElement); 
     } 
    } 
    return (arrReturnElements) 
} 

 

Answer 6

कई तकनीकों का वर्णन और गति यहां परीक्षण किया गया: http://ejohn.org/blog/getelementsbyclassname-speed-comparison/

Answer 7

एक साधारण और एक आसान तरीका

var cusid_ele = document.getElementsByClassName('custid'); 
for (var i = 0; i < cusid_ele.length; ++i) { 
    var item = cusid_ele[i]; 
    item.innerHTML = 'this is value'; 
}