Может ли html указать объект JS

Question

Есть ли способ, чтобы html указывал на объект javascript?

Я знаю, что у меня может быть хэш в JS, чтобы связать идентификатор тега (или какой-либо другой атрибут) с объектом 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

Я думаю, что вы лучше использовать data- атрибуты хранить идентификатор пользователя.

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

Таким образом, вы можете легко получить идентификатор пользователя, связанный с элементом с помощью:

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); 

Answer 2

После прочтения постановка вопроса несколько раз я думаю, что это то, что вы хотите:

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