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

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 context:

this.style.backgroundColor = '#FFFFFF';

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

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

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

How to Pass an Element that Triggered an Event and Change a Property of it?

javascript

dom

mouseevent

this

dom-events

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

How to Pass an Element that Triggered an Event and Change a Property of it?

javascript

dom

mouseevent

this

dom-events

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