Comment obtenir tous les éléments par nom de classe ?

Question

Comment obtenir tous les éléments par nom de classe en pur javascript ? Analogique $('.class') dans Jquery ?

Answer 1

Un moyen simple et facile

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

Answer 2

document.getElementsByClassName('your class');  

ou vous pouvez créer votre nom de classe comme ceci, si cela ne fonctionne pas, essayez ceci

 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 3

Dans certains navigateurs, il existe une fonction document.getElementsByClassName(class) . Sinon, la seule option que vous avez est d'itérer sur tous les éléments du document en vérifiant chacun d'eux par rapport à votre condition d'avoir le nom de classe requis.

Answer 4

Plusieurs techniques décrites et speed testées ici : http://ejohn.org/blog/getelementsbyclassname-speed-comparison/