带有标准类选择器的querySelectorAll也适用于此。

document.querySelectorAll('.class1.class2');

它实际上非常类似于jQuery:

document.getElementsByClassName('class1 class2')

MDN文档getElementsByClassName

带有标准类选择器的querySelectorAll也适用于此。

document.querySelectorAll('.class1.class2');

好的，这段代码完全符合你的需要:

HTML:

<div class="class1">nothing happens hear.</div>

<div class="class1 class2">This element will receive yout code.</div>

<div class="class1">nothing happens hear.</div>

JS:

function getElementMultipleClasses() {
    var x = document.getElementsByClassName("class1 class2");
    x[0].innerHTML = "This is the element you want";
}
getElementMultipleClasses();

希望能有所帮助!；）

实际上@bazzlebrush的回答和@filoxo的评论对我帮助很大。

我需要找到类可以是“zA yO”或“zA zE”的元素

使用jquery，我首先选择所需元素的父元素:

(一个div，类以'abc'开头，style != 'display:none')

var tom = $('div[class^="abc"][style!="display: none;"]')[0];                   

然后是该元素的期望子元素:

var ax = tom.querySelectorAll('.zA.yO, .zA.zE');

作品完美!注意，你不需要做文档。querySelector可以像上面一样传入一个预先选择的对象。

AND(两个类)

var list = document.getElementsByClassName("class1 class2");
var list = document.querySelectorAll(".class1.class2");

或(至少一个类)

var list = document.querySelectorAll(".class1,.class2");

异或(一个类而不是另一个类)

var list = document.querySelectorAll(".class1:not(.class2),.class2:not(.class1)");

NAND(不是两类)

var list = document.querySelectorAll(":not(.class1),:not(.class2)");

NOR(不是两个类别中的任何一个)

var list = document.querySelectorAll(":not(.class1):not(.class2)");