如何传递触发事件的元素并更改它的 属性?
How to Pass an Element that Triggered an Event and Change a Property of it?
我正在尝试更改 <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
按照doSomething(this)
调用函数是不行的。您实际上是在绑定函数 doSomething
.
的返回值
js引擎会自动将触发事件的元素绑定为词法上下文,所以你可以使用this
context:
this.style.backgroundColor = '#FFFFFF';
或者,您可以使用作为参数传递给处理程序的事件:
document.addEventListener('mouseover', doSomething);
function doSomething(e) {
e.target.style.backgroundColor = '#FFFFFF';
}
我正在尝试更改 <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
按照doSomething(this)
调用函数是不行的。您实际上是在绑定函数 doSomething
.
js引擎会自动将触发事件的元素绑定为词法上下文,所以你可以使用this
context:
this.style.backgroundColor = '#FFFFFF';
或者,您可以使用作为参数传递给处理程序的事件:
document.addEventListener('mouseover', doSomething);
function doSomething(e) {
e.target.style.backgroundColor = '#FFFFFF';
}