javascript - html可以指向JS对象吗

Question

有没有办法让 html 指向一个 javascript 对象？

我知道我可以在 JS 中有一个哈希来将标签 ID（或其他属性）与 JS 对象相关联，但是有没有办法将指向 html 标签的指针添加到 JS 对象？

<div id="user10"></div>
<div id="user11"></div>

然后在 JS 中有

function getUserPointedByTag(tag){
    //this is what I would like to have without going through a hash
} 
function myAwesomeUserDivClickHandler(clickedTag){
    user = getUserPointedByTag(clickedTag)
}

Answer 1

多次阅读问题后，我认为这就是您想要的：

document.addEventListener('click', function (e) {
    var node = e.target.tagName ? e.target : e.target.parentNode;
    yourAwesomeUserDivClickHandler(node);
}, false);

Answer 2

我认为你最好使用data-属性来存储用户 ID。

<div class="user" data-userid="10"></div>
<div class="user" data-userid="11"></div>

这样，您可以使用以下方法轻松检索与元素关联的用户 ID：

document.addEventListener("click", function (e) {
    var node = e.target.tagName ? e.target : e.target.parentNode;
    var userId = e.getAttribute("data-userid");
    // Do something with the user ID
}, false);