[解決済み] querySelectorAllで複数条件を指定する。

質問

複数の無関係な条件を使ってquerySelectorAllで検索することは可能でしょうか？可能な場合、どのように行いますか？また、それらがAND条件かOR条件かを指定する方法は？

例えば

をすべて見つける方法 フォーム s, p と 伝説 を1つ持つ クエリセレクタオール を呼び出すか？可能か？

どのように解決するのですか？

での検索は可能ですか？ querySelectorAll 関連性のない複数の条件を使用していますか？

はい、なぜなら querySelectorAll は完全な CSS セレクタを受け入れ、CSS には セレクタグループ で、無関係なセレクタを複数指定することができます。例えば

var list = document.querySelectorAll("form, p, legend");

...である要素を含むリストを返します。 form または p または legend .

CSSにはもう一つのコンセプトがあります。より多くの条件に基づいて制限する。セレクタの複数の側面を組み合わせるだけです。例えば

var list = document.querySelectorAll("div.foo");

...は、すべての div の要素で また ( そして ) は、クラス foo を無視し、他の div 要素で構成されます。

もちろん、組み合わせることも可能です。

var list = document.querySelectorAll("div.foo, p.bar, div legend");

...これは、次のことを意味します。 div 要素で、かつ foo クラスの場合、すべての p 要素で、かつ bar クラス、およびすべての legend 要素の中にあり、かつ div ."