在 JS 中获取属性

Question

我有一个按钮。 一旦我单击按钮，我就会得到一个事件对象。 对于事件对象，我可以说 event.target。

使用 event.target 我得到以下字符串：

<button class="mdi mdi-barley mdi-input-icon" id="vegan" date="7"></button>

我通过 event.target.id 获取 id

我通过 event.target.class 获取类

如果我说 event.target.date 我得到 null

我用element.setattribute()方法设置日期属性；

如何获取道具日期的值？

Answer 1

看起来date 是一个保留属性。您可以在此处使用getAttribute 访问它：

console.dir(document.querySelector('button').getAttribute('date'));

<button class="mdi mdi-barley mdi-input-icon" id="vegan" date="7"></button>

但是使用数据属性而不是使用非标准属性会更合适：

console.dir(document.querySelector('button').dataset.date);

<button class="mdi mdi-barley mdi-input-icon" id="vegan" data-date="7"></button>