如何使用querySelector()获取同时带有多个类名的div元素

要选择同时绑定多个类名的元素，直接按顺序拼接多个类名选择器即可，类名之间不需要加空格。

你示例中的<div class="a_class b_class">元素，对应的获取语句为：

document.querySelector("div.a_class.b_class")

相关注意点 #

• 该写法只会匹配同时包含所有指定类名的元素，元素上的类名排列顺序不会影响匹配结果
• 如果不需要限定元素的标签类型，可省略标签前缀，写成 document.querySelector(".a_class.b_class")
• 如果你需要获取所有符合该类名规则的元素，将querySelector替换为querySelectorAll即可

内容的提问来源于stack exchange，提问作者Muhammed Tausif