logo
HTML

HTML 中 attribute 和 property 的区别?

Updated Apr 14, 2026

面试回答

考察点:DOM、数据同步


这个问题很多人会混。

我的理解是:

  • attribute:写在 HTML 上的属性

  • property:DOM 对象上的属性

比如:

Code

<input value="123">

Code

input.getAttribute('value') // "123"
input.value // 当前值(可能被用户修改)

关键区别:

👉 attribute 是“初始值”
👉 property 是“实时状态”

这个在做表单、双向绑定的时候特别重要。