如何访问自定义HTML属性？

Question

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

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

console.log(document.getElementById("roleDropName").dropopt);

Answer 1

没有DOM元素具有属性dropopt,因此您可以获取该值undefined.

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

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

但是,自定义属性更好地定义为data-*属性.然后,您也可以dataset在支持它的浏览器中使用.

相关问题:

• 自定义属性 - 是或不是？
• getAttribute()与Element对象属性？