获取、设置和删除数据属性

紫微前端

于 2022-07-26 09:22:19 发布

阅读量209

点赞数

CC 4.0 BY-SA版权

分类专栏：常用代码片段文章标签： javascript

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/125987770

常用代码片段专栏收录该内容

168 篇文章 ¥39.90 ¥99.00

订阅专栏

本文详细介绍了如何在JavaScript中进行数据属性的操作，包括如何获取属性值、如何设置新的属性值以及如何删除不需要的数据属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取数据属性的值

// Get the `data-message` attribute of the `ele` element
const message = ele.getAttribute('data-message');

// Or
const message = ele.dataset.message;

设置数据属性的值

ele.setAttribute('data-message', 'Hello World');

// Or
ele.dataset.message = 'Hello World';

删除数据属性

ele.removeAttribute('data-message');

// Or
delete ele.dataset.message;