关于元素属性的获取方式总结
1.内置属性: 元素.属性 元素.getAttribute
2.自定义属性(非data-):元素.getAttribute
3.自定义属性data-: 元素.dataset 元素.getAttribute
4.状态属性:checked disabled readonly selected: 元素.属性
当我们处理一个业务需要某些数据(自己没有)的时候,我们一般有两种方式 1.传递参数 2.先存储再获取
1.为什么我们往往不能选择传递参数
a.因为我们一般是在事件处理函数中进行业务处理,事件处理函数不是我们自己调用,而是事件处理机制调用,所以我们无法自主的传递参数
b.统一说明:回调函数不是我们调用的,而是交给别人调用的
2.我们为什么选择使用自定义属性data-
a.取值方便,因为它可以使用dataset一次性获取所有data-的自定义属性,并且可以在渲染的时候直接设置 b.内置属性是有限的,且可能已经有了相应的使用场景
c.setAttribute:需要获取元素来设置,它不能在渲染的时候进行设置 getAttribute一次只能取一个值