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

Question

我有以下元素：

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

并在code.js中执行以下功能：

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

我需要在msgId属性中获取字符串“someId”。像target.msgId之类的东西

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

先感谢您

Answer 1

msgId是该元素的属性，所以你使用getAttribute：

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

实例：

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

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

但是，如果您要使用自己的属性，请使用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属性