javascript - 您可以通过在特定的 DOM 元素上执行事件来定位该元素吗？

Question

我希望像使用 getElementById() 一样定位 DOM 中的某个元素，但只需单击它即可。例如，我想将下面的div从红色变成绿色(下面是标准方法):

function changeColor(element, value)
{
    document.getElementById(element).style.background = value;
}

<div id="square"  style="height: 100px; width: 100px; 
background:red;" onClick="changeColor('square', 'green');"></div>

...但我想做这样的事情:

function changeColor(THIS, value)
{
    THIS('element receiving the click').style.background = value;
}

有人知道这是否可行吗？

Answer 1

在您的代码中，您可以使用document.getElementById:

function changeColor(id, value) {
    document.getElementById(id).style.backgroundColor = value;
}

但更好的方法是在函数调用中使用 this，因为它会自动设置为被单击的元素。

onclick="changeColor(this, 'green')"

然后该函数将接收该元素作为参数:

function changeColor(element, value) {
    element.style.backgroundColor = value;
}