从 <a> html5 中同一标签内的标签中获取 id

Question

我想在同一个标签中获取一个标签的id，然后如果可能的话，将其作为参数发送到javascript。 像这样的东西是我现在尝试过的：

var entity = document.createElement("a");
entity.setAttribute("id", name);
entity.setAttribute("href", "javascript:playAudio('"+path+"', this.id)");

我希望它是动态的，这样如果 id 发生变化，javascript 调用就会使用新 id 完成。

Answer 1

在这种情况下使用EventListener更合适：

var entity = document.createElement("a");
entity.setAttribute("id", name);
entity.addEventListener("click", function(e){
playAudio(path, this.id);
e.preventDefault();
});

Answer 2

你应该附加一个事件处理程序，而不是将JavaScript注入href属性中

。

entity.setAttribute('href', '#');
entity.addEventListener('click', function() {
playAudio(path, this.id);
return false;
}, false);

Answer 3

将 javascript 粘贴在 onclick。 href 中的this是指窗口而不是锚点。

var entity = document.createElement("a");
entity.setAttribute("id", name);
entity.setAttribute("onclick", "playAudio('"+path+"', this.id)");