複数のクラス名と一致するクラス名でjavascriptの要素を選択するにはどうすればよいですか？

Question

"_3eAQiD"または "_2UDlNd"のいずれかの値と一致する要素を選択するjavascriptを作成しようとしていますか？私が使用しているページでは、クラス名を頻繁に変更していますか？私はクラス名で要素を取得するには、引数として使用getItemName（）関数にクラス名「_2UDlNd」を渡す

result.item = getItemName("_2UDlNd"); 

：

現在、私は次のコードを使用しています：

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

しかし、「のgetElementsByClassNameは」の任意のアイテムを選択できるように、私は、getItemName（）関数に、ORにより、またはアレイのTEH形で分離された複数のクラス名を渡すことができる任意の方法が存在しますクラス名と一致するクラス名？

このような何か：Webページには、クラス名を変更し続けているので、私の問題がある

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

、私は継続的にgetItemName機能でクラス名を更新する必要がありますか？どのように私はプロセスを動的にすることができますか？

Answer 1

あなたはquerySelectorAllを使用することができます。

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

Answer 2

使用querySelectorAllとカンマ：

console.log(document.querySelectorAll('._3eAQiD , ._2UDlNd'));

<div class="_3eAQiD"> 
 
    A 
 
</div> 
 
<div class="_2UDlNd"> 
 
    B 
 
</div>