如何获取触发“onclick”的元素没有传递事件参数的事件？

Question

在这种情况下，我如何获取触发 onclick 的 DOM 元素：

<div onclick="ajax('?section=panel');">Hi</div>

ajax 函数是：

function ajax(url)
{
 alert(caller_element.innerHTML); // I need `caller_element` contain a reference to that DIV
 ...xmlhttp(url)...
}

请注意，我无法更改 HTML，我只能更改 ajax() 函数。

Answer 1

您可以使用 Function.prototype.call 来设置函数的上下文，如下所示：

<div onclick="ajax.call(this, '?section=panel');">Hi</div>

function ajax(url) {
    alert(this.innerHTML);
    ...xmlhttp(url)...
}

不过，将其作为参数传递也同样容易。

Answer 2

试试这个 HTML 代码：

<div onclick="ajax(this, '?section=panel');">Hi</div>

和 JS：

function ajax(caller_element, url)
{
 alert(caller_element.innerHTML);
 ...xmlhttp(url)...
}

Answer 3

如果不修改 HTML，这是不可能的。如果您的情况允许，您可以使用 id 标签...

<div id="whatever" onclick="ajax('?section-panel');">Hi</div>

---

function ajax(url) {
    alert(document.body.getElementById("whatever").innerHTML);
    ...xmlhttp(url)...
}