代码之家  ›  专栏  ›  技术社区  ›  ralphS16

如何通过类名或其他类名获取元素?

  •  0
  • ralphS16  · 技术社区  · 11 年前

    我需要按类名在页面上的出现顺序获取元素。下面是我想做的一个例子:

    <div class="class1">1</div>
    <div class="class1">2</div>
    <div class="class2">3</div>
    <div class="class1">4</div>
    
    var arr = document.getElementsByClassName('class1'||'class2');
    

    然后我的arr将具有这些值。

    arr[0].innerHTML -> 1
    arr[1].innerHTML -> 2
    arr[2].innerHTML -> 3
    arr[3].innerHTML -> 4
    

    是否有JavaScript函数可以执行此操作?

    提前谢谢!

    2 回复  |  直到 11 年前
        1
  •  5
  •   Quentin    11 年前

    使用 comma document.querySelectorAll :

    document.querySelectorAll('.class1, .class2');
    
        2
  •  0
  •   ivillamil    11 年前
    document.querySelectorAll('[class*="class"]')
    

    使用此选择器,您可以获得包含单词“class”的类的所有元素,因此不必以逗号分隔列出它们。