如何访问自定义 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'));
<span id="roleDropName" class="dropdown_btn_val" dropopt="1">Thamaraiselvam</span>
这是我的代码,我需要使用上面的 id 或 class 来获取 dropopt
我做了以下代码,它对我没有任何显示
console.log(document.getElementById("roleDropName").dropopt);
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'));