javascript - 有没有一种简单的方法可以让函数获取调用它的标签的 ID？

Question

我有这样的代码:<div id = "trg" onclick = "swap()"> 。所以我的交换函数需要获取调用它的标签的 ID。在这种情况下"trg" 。我的功能是这样的:

function swap(){
    document.getElementById( this??? ).id = "trgClicked"; //I want to change its ID
    document.getElementById( this??? ).className = "trgClicked"; //and class
}

我知道我可以只使用元素特定的 ID，但我有很多这些按钮，如果我可以获取调用它的元素的 ID，那就更简单了。感谢您的帮助!

Answer 1

您可以尝试这个(使用inline事件this不会像另一个答案中提到的那样按预期工作)

function swap(element)
{
    alert(element.id); // trg
}

<div id="trg" onclick="swap(this)">Click Me</div>