如何访问自定义 HTML 属性

How to access a custom HTML attribute?

本文关键字：自定义 HTML 属性 访问 何访问      更新时间：2023-09-26
<span id="roleDropName" class="dropdown_btn_val" dropopt="1">Thamaraiselvam</span>

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

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

一个 DOM 元素具有属性dropopt，因此您可以undefined 返回值。

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

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

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

相关问题：

  • 自定义属性 - 是还是否？
  • getAttribute(( 与 Element 对象属性？

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

console.log($('#roleDropName').attr('dropopt'));
相关文章：