如何访问自定义 HTML 属性?

How to access a custom HTML attribute?

<span id="roleDropName" class="dropdown_btn_val" dropopt="1">Thamaraiselvam</span>

这是我的代码,我需要使用上面的 id 或 class 来获取 dropopt 我做了以下代码,它对我没有任何显示

console.log(document.getElementById("roleDropName").dropopt);
DOM 元素的

None 有一个 属性 dropopt,所以你得到值 undefined.

如果您想访问自定义属性,您必须使用getAttribute:

document.getElementById("roleDropName").getAttribute('dropopt');

但是,自定义属性在支持它的浏览器中最好定义为 data-* attributes. Then you can also use dataset


相关问题:

  • Custom attributes - Yea or nay?
  • getAttribute() versus Element object properties?

这里是 jquery 版本。首先你需要获取id名称,然后你可以使用.attr()函数获取属性值甚至添加新的。

console.log($('#roleDropName').attr('dropopt'));