javascript queryselector multiple elements code example
Example 1: queryselectorall of multiple tags
Yes, because querySelectorAll accepts full CSS selectors,
and CSS has the concept of selector groups, which lets you specify
more than one unrelated selector. For instance:
var list = document.querySelectorAll("form, p, legend");
...will return a list containing any element that is a form or p or legend.
CSS also has the other concept: Restricting based on more criteria.
You just combine multiple aspects of a selector. For instance:
var list = document.querySelectorAll("div.foo");
...will return a list of all div elements that also (and)
have the class foo, ignoring other div elements.
You can, of course, combine them:
var list = document.querySelectorAll("div.foo, p.bar, div legend");
...which means "Include any div element that also has the foo class,
any p element that also has the bar class, and any legend element
thats also inside a div."
Example 2: queryselector multiple attributes
var ele = document.querySelector('class[attr=something][attr2=somtethingelse]');