js 获取自定义属性

作者：√学卟会掩饰发布日期:2025-02-21 浏览:46

// 示例代码：获取自定义属性

// HTML部分
<div id="myElement" data-custom-attribute="someValue">这是一个带有自定义属性的元素</div>

// JavaScript部分
// 获取元素
var element = document.getElementById("myElement");

// 使用 getAttribute 方法获取自定义属性的值
var customAttributeValue = element.getAttribute("data-custom-attribute");

// 输出自定义属性的值
console.log(customAttributeValue);  // 输出: someValue

解释说明：

HTML部分：我们定义了一个 div 元素，并给它添加了一个自定义属性 data-custom-attribute，其值为 "someValue"。
JavaScript部分：
- 使用 document.getElementById 获取指定 ID 的元素。
- 使用 getAttribute 方法获取该元素的自定义属性值。
- 最后，使用 console.log 输出自定义属性的值。

通过这种方式，你可以轻松地获取任何 HTML 元素上的自定义属性。

上一篇：js 设置元素高度

下一篇：js 获取元素宽高