如何在javascript中访问事件目标的属性

Question

我有以下元素：

<h1 msgId = "someId"> Some text </h1>

并在code.js中使用以下函数：

document.addEventListener('click', function(e) {
    target = e.target;
}, false);

我需要获得字符串＆＃34; someId＆＃34;在msgId属性中。 像target.msgId

这样的东西

document.addEventListener('click', function(e) {
    id = e.target.msgId;
}, false);

提前谢谢

Answer 1

msgId是该元素的属性，因此您使用getAttribute：

console.log(e.target.getAttribute("msgId"));

直播示例：

＆＃13;

＆＃13;

document.addEventListener('click', function(e) {
    console.log(e.target.getAttribute("msgId"));
}, false);

＆＃13;

<h1 msgId = "someId"> Some text </h1>

＆＃13;

＆＃13;

＆＃13;

但，如果您要使用自己的属性，请使用data-前缀;有关详细信息，请参阅the spec。

Answer 2

您可以使用Element.getAttribute获取msgId属性的值。

document.addEventListener('click', function(e) {
    target = e.target.getAttribute("msgId");
    console.log(target);
}, false);

<h1 msgId = "someId"> Some text </h1>

我仍然建议您使用data-msgId，因为msgId不是有效的HTML5属性。

Answer 3

这应该有效 e.target.getAttribute("msgId");

但我建议使用data-attribute因为它是有效的HTML5属性