javascript - 我可以向标签添加任意属性吗稍后在 JS 代码中访问它

Question

有没有办法用无关的属性来补充 DOM 元素，或者标签是否通过设计固定了某些属性？例如，这可能吗？

<input id="spec" type="text" preference="silly"/> 

然后用 jQuery 或 DOM 请求访问这个元素，比如

if ($("#spec").attr("preference")=="silly") {
     document.write("That input is silly")
}

大卫

Answer 1

添加任意额外的属性，充其量会使 HTML 无效，并有可能与未来的语言更改发生冲突。

HTML 5 引入了用于在 DOM 中存储任意数据的data-*属性。

jQuery 可以通过data()方法访问它们。

<input id="spec" data-preference="silly">
if (jQuery('#spec').data('preference') === 'silly') { ... }

Answer 2

您可以简单地使用data做到这一点：

<input id="spec" type="text" data-preference="silly"/> 

if ($("#spec").data("preference") == "silly") {
     alert("That input is silly");
}