如何通過類名來定位跨度？

Question

我需要一些跨度不具有唯一ID的innerHTML但他們確實有獨特的類

我要像做var1 = document.getElementByCLASSNAME('')

編輯：

我不能使用Jquery，我甚至不能給元素提供者ID。說來話長

Answer 1

document.getElementsByClassName = function(className) 
{ 
    var hasClassName = new RegExp("(?:^|\\s)" + className + "(?:$|\\s)"); 
    var allElements = document.getElementsByTagName("*"); 
    var results = []; 
    var element; 
    for (var i = 0; (element = allElements[i]) != null; i++) { 
     var elementClass = element.className; 
     if (elementClass && elementClass.indexOf(className) != -1 
      && hasClassName.test(elementClass)) 
      results.push(element); 
    } 

    return results; 
} 

基於這個職位上devshed：Get all elements of class 'abc'

Answer 2

有一個getElementsByClassName法（主要瀏覽器的最新版本支持），返回與指定類的所有元素的列表。當然，許多用戶仍然使用舊版瀏覽器，因此更簡單的解決方案是使用jQuery等庫，並選擇帶有$('.someclass')的元素。

Answer 3

使用getElementsByClassName可能會導致IE版本出現問題。 querySelectorAll應該更廣泛地兼容。即document.querySelectorAll（'。my-class'）或document.querySelectorAll（'div.my-class'）