🚀 "attribute"和"property"有什么不同
欢迎来到我的第一篇博客文章!所有文章都是满满的前端干货,文章简明扼要。
总结
property 属于 DOM Object, atrribute 属于 HTML。
🌟 property 的核心特性:
- 🏝️ JS 对象层面:DOM 对象的动态 JavaScript 属性
- 🎨 可能随用户交互改变:(如 input.value)
- ⚡ 直接读写:如 el.checked =
true),el.id、el.value、el.style 都是 property 而设置也只需要
el.id=newId 即可
🌟 attribute 的核心特性:
- 🏝️ 初始值由 HTML 决定
- 🎨 attribute 是静态的,不能直接通过 JavaScript 修改
- ⚡ 可通过 getAttribute() / setAttribute() 操作
:例如,el.getAttribute('id') 返回初始值,而 el.id
返回当前值,有了 data-* 的属性后,一般就利用 data-* 来存放数据了