¿Cómo obtener todos los elementos por nombre de clase?

Question

¿Cómo obtener todos los elementos por nombre de clase en javascript puro? Analógico $ ('. Clase') en Jquery?

Answer 1

document.getElementsByClassName(klass)

Tenga en cuenta que algunos motores (en particular los navegadores antiguos) no lo tienen. Puede considerar usar una cuña, si ese es el caso. Será lento e iterará sobre todo el documento, pero funcionará.

Answer 2

En some browsers hay una función document.getElementsByClassName(class). De lo contrario, la única opción que tiene es iterar sobre todos los elementos en el documento comprobando cada uno de ellos contra su condición de tener el nombre de clase requerido.

Answer 3

document.getElementsByClassName('your class'); 

o usted puede construir su nombre de clase de esta manera, si eso no funciona prueba este

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

Esto debería funcionar:

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

Varias técnicas descritas y velocidad probado aquí: http://ejohn.org/blog/getelementsbyclassname-speed-comparison/

Answer 7

Un simple y una manera fácil

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