操作元素属性
+ 使用 JS 语法操作标签上的三种属性
1. 原生属性
=> 直接操作
=> 元素.属性名
2. 自定义属性
=> setAttribute()
=> getAttribute()
=> removeAttribute()
3. H5 自定义属性
=> 元素.dataset.xxx
原生属性
+ 语法: 元素.属性名
=> 读: 元素.属性名
-> 获取元素该属性的值
=> 写: 元素.属性名 = '值'
-> 设置该元素的该属性的值
+ 注意: class 除外, 操作 类名使用 元素.className
自定义属性
+ 不能直接点语法操作
+ 三个方法
1. setAttribute('属性名', '属性值')
=> 给元素标签上设置属性
2. getAtrribute('属性名')
=> 获取元素上的属性的值
3. removeAttribute('属性名')
=> 删除元素上的属性
+ 特点:
1. 可以操作自定义属性, 可以操作原生属性
2. 不管你设置什么数据类型, 当你再次从标签上拿到的时候, 都是字符串
H5 自定义属性
+ 每一个元素身上有一个属性叫做 dataset
+ 里面包含了所有 H5 自定义属性
=> key 是除了 data- 以外的内容
=> value 就是这个属性的值
+ 操作 H5 的自定义属性
=> 直接再 dataset 里面进行操作就可以
+ 获取
=> 元素.dataset.名字
-> 名字: 标签上写 data-a, 使用 a
+ 设置
=> 元素.dataset.名字 = '值'
-> 名字: 如果你在这里写 a, 那么映射再标签上是 data-a