H5的自定义属性

114 阅读1分钟

H5的自定义属性

  • H5的自定义属性 h5的自定义属性 中 如:
    data- 是固定的 cs 是我的实际属性名 '1234567' 是实际的属性值

获取自定义的属性

  • 语法: 元素.dataset.属性名 一样分成两步 1.获取到该元素 2.再从该元素获取该元素的 属性名和值
var oDiv = document.querySelector('div')

// 获取H5自定义属性
// 1. 获取语法: 元素.dataset.属性名
console.log(oDiv.dataset.cs)

//2. 设置语法: 
 oDiv.dataset.cs ='7654321' //标签中有该属性时执行 修改操作
 oDiv.dataset.age ='18'     //标签中没有该属性就执行  新增的操作 

 //3. 删除
 delete oDiv.dataset.age