如何 select 多个 类 之一与 JavaScript？

Question

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

使用 JS 到 select 元素，我可以使用它，但只有当元素有一个 class 名称（.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 class 添加到 html 元素，它将停止工作。我需要能够选择所有使用 .button class 的按钮或仅使用 .number class 等的按钮

有没有办法做到这一点，这样我就可以 select 具有多个 class 名称的元素仅使用一个 class 名称？

没有jQuery，请。

Answer 1

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

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