元素获取总结

163 阅读1分钟

关于元素属性的获取方式总结

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一次只能取一个值