javascript - 如何使用 JavaScript 选择多个类之一？

我正在制作一个简单的计算器。所有按钮都附加了 .button 类。但是，我还希望数字附加一个 .number 类，并且运算符附加一个 .operator 类。

使用JS选择元素，我可以使用这个，但它只有在元素有一个类名(.button)时才有效:

        document.body.addEventListener('click', function (e) {

        if (e.target.className === 'button') {
            document.getElementById('display').innerHTML = e.target.innerHTML;
            e.target.style.opacity = '0.9';
            setTimeout(function() {
                e.target.style.opacity = '1';
            }, 150);
        }
    });

如果我将 .number 类添加到 html 元素中，则会停止工作。我需要能够选择使用 .button 类的所有按钮或仅使用 .number 类的按钮等。

有没有一种方法可以做到这一点，以便我可以仅使用一个类名来选择具有多个类名的元素？

请不要使用 jQuery。

最佳答案

使用classList的contains()方法来测试元素上是否存在类。

https://developer.mozilla.org/en-US/docs/Web/API/Element/classList

关于javascript - 如何使用 JavaScript 选择多个类之一？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37776920/