如何通过类名与多个类名匹配来在javascript中选择元素?

时间:2017-06-02 20:46:12

标签: javascript getelementsbyclassname

我正在尝试编写一个javascript,它将选择一个符合任何一个值的元素" _3eAQiD"或" _2UDlNd"?我正在使用的页面经常更改类名吗?

目前,我使用以下代码:

result.item =  getItemName("_2UDlNd"); 

我传递了班级名称" _2UDlNd"到getItemName()函数,我用它作为参数来按类名获取元素:

itemName = document.getElementsByClassName(item_class)[0].innerText;

但是,有什么办法,我可以将多个类名(由OR或数组形式分隔)传递给getItemName()函数,以便' getElementsByClassName'可以选择具有与类名匹配的任何类名的项目吗?

这样的事情:

result.item =  getItemName("_2UDlNd" || _3eAQiD);

我的问题是因为网页不断更改类名,我必须不断更新getItemName函数中的类名吗?我可以通过什么方式使流程动态化?

2 个答案:

答案 0 :(得分:1)

使用querySelectorAll和逗号:

console.log(document.querySelectorAll('._3eAQiD , ._2UDlNd'));
<div class="_3eAQiD">
  A
</div>
<div class="_2UDlNd">
  B
</div>

答案 1 :(得分:0)

您可以使用querySelectorAll

result.item = document.querySelectorAll("._2UDlNd,._3eAQiD")[0].innerText;