我开始使用javascript。 我有两个按钮,并希望更改backgroundColor当点击这些按钮中的任何一个。 但我的代码不起作用。 这是我的代码:addEventListener与多个元素
document.getElementsByTagName("button").addEventListener("click", function(){
func(this)
});
function func(element){
element.style.backgroundColor="gray";
}
<div id="area">
<button type="button" class="btn" id="btn1">Play With Me!</button>
<button type="button" class="btn" id="btn2">Play With Me!</button>
</div>
有没有什么办法,一个addEventListener
作品有多个元素呢?
我知道这是有点偏离主题,但你有限的香草JavaScript的?你应该看看jQuery。 – Glubus
您可以利用事件委托,将您的处理程序绑定到按钮的祖先,并引用事件的目标以获取被单击的实际按钮。即使没有jQuery,您也可以通过几行代码实现此目的。 –
jQuery是如此浪费,这是一个三线问题!只要使用一个循环,如果你想变得很花哨,为它做一个辅助函数(严重的是三行)。 –