Come ottenere tutti gli elementi in base al nome della classe?

Question

Come ottenere tutti gli elementi in base al nome della classe su puro javascript? Analog $ ('. Class') in Jquery?

Answer 1

document.getElementsByClassName(klass)

essere consapevoli del fatto che alcuni motori (in particolare i browser più vecchi) non ce l'hanno. Potresti prendere in considerazione l'utilizzo di uno shim, se è il caso. Sarà lento e itererà sull'intero documento, ma funzionerà.

Answer 2

In some browsers c'è una funzione document.getElementsByClassName(class). Altrimenti, l'unica opzione che hai è quella di iterare su tutti gli elementi nel documento controllandone ognuno rispetto alla tua condizione di avere il nome di classe richiesto.

Answer 3

document.getElementsByClassName('your class'); 

o si può costruire il nome di classe come questo, se non funziona provate questo

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

Questo dovrebbe funzionare:

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

diverse tecniche descritte e la velocità testato qui: http://ejohn.org/blog/getelementsbyclassname-speed-comparison/

Answer 7

Un semplice e un modo semplice

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