如何在不傳遞事件參數的情況下獲取觸發“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

試試這個HTML代碼：

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

和JS：

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

Answer 2

您可以使用Function.prototype.call來設置Function.prototype.call的上下文，如下所示：

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

function ajax(url) {
    alert(this.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)...
}