如何访问自定义HTML属性？

Question

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

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

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

Answer 1

没有任何DOM元素具有属性dropopt，因此您返回值undefined。

如果您想访问自定义属性，则必须使用getAttribute：

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

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

---

相关问题：

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

Answer 2

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

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