クラス名ですべての要素を取得する方法は？

Question

純粋なjavascriptでクラス名ですべての要素を取得するには？ Jqueryのアナログ$（ '。class'）？

Answer 1

document.getElementsByClassName(klass)

いくつかのエンジン（特に古いブラウザ）がそれを持っていないことに注意してください。シムの使用を検討することもできます。それは遅くなり、文書全体を反復するが、うまくいく。

Answer 2

some browsersには、document.getElementsByClassName(class)という機能があります。それ以外の場合は、必要なクラス名を持っていることを条件として、ドキュメント内のすべての要素を繰り返しチェックするだけです。

Answer 3

document.getElementsByClassName('your class'); 

またはそれがこの

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