2016-06-12 75 views
0

我正在制作一个简单的计算器。所有按钮都附带.button类。不过,我也希望这些数字有一个.number类,运营商有一个.operator类。如何用JavaScript选择多个类中的一个?

使用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); 
     } 
    }); 

如果我的。数类添加到html元素,这停止工作。我需要能够选择所有按钮使用。按钮类或只有按钮。数字等。

有没有办法做到这一点,使我可以选择具有多个类名称的元素只有一个班级名称?

请不要jQuery。

+0

可以在创建codepen或容易调试问题JS小提琴? –

+1

你正在用你点击的按钮不透明的东西,你可以很容易地完成使用':主动'在CSS –

+1

你尝试使用'classList.contains(“按钮”)''而不是'className ===“按钮” –

回答