如何传递触发事件并更改其属性的元素？

Question

我正在尝试更改<div>元素的background-color 。 元素触发一个事件，并调用包括元件经由自变量的函数this 。

如何更改元素属性？

我尝试将传递的元素分配给变量和许多其他试错法，我不记得了。

newDiv = document.addEventListener('mouseover', doSomething(this));

// Some code here

function doSomething(item)
{
  item.style.backgroundColor = '#FFFFFF';
}

我希望元素的背景颜色更改为#FFFFFF ，但我收到此错误消息： TypeError: item.style is undefined

Answer 1

调用函数如下doSomething(this)是不行的。 你实际上绑定了函数doSomething的返回值。

js引擎会自动绑定为触发事件的元素的词汇上下文，因此您可以使用this上下文：

this.style.backgroundColor = '#FFFFFF';

或者，您可以使用在处理程序上作为参数传递的事件：

document.addEventListener('mouseover', doSomething);
function doSomething(e) {
   e.target.style.backgroundColor = '#FFFFFF';
}