DOM的dataset属性 / 元素标签的data-* 属性

data-* 可以让我们在所有 HTML 元素上嵌入自定义 data 属性。

定义 data-* 属性的规则：

• 属性名不应该包含任何大写字母，并且在前缀 “data-” 之后必须有至少一个字符
• 属性值可以是任意字符串

<textarea id="address" data-name="yyy" data-role="xxx"></textarea>

const dom = document.querySelector("#address")
// 获取元素节点的所有 data-* 属性
console.log(dom.dataset)   //  {name: 'yyy', role: 'xxx'}

//  删除 data-name 属性
delete dom.dataset.name

// 添加 data-test 属性
dom.dataset.test = 'xxx'