获取、设置和删除 data 属性

获取 data 属性的值

获取ele元素的data-message属性

const message = ele.getAttribute('data-message')

// Or
const message = ele.dataset.message

设置 data 属性的值

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

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

删除 data 属性

ele.removeAttribute('data-message')

// Or
delete ele.dataset.message

注意，调用 delete ele.dataset 不会删除所有 data 属性。

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

获取属性值

// 获取链接元素的 `title` 属性
const title = link.getAttribute('title')

设置属性值

// 设置图片的宽度和高度
image.setAttribute('width', '100px')
image.setAttribute('height', '120px')

移除属性

// 移除 `title` 属性
ele.removeAttribute('title')

请注意，调用delete ele.dataset不会删除所有数据属性。