attr VS prop 区别

attr 能够增加、获取、删除页面属性。从页面中获取属性值；
prop 用来获取、删除元素自带属性。从属性对象中获取属性值。

attr 只获取静态属性值，就是页面加载时的最初的属性值；
prop 可以获取动态属性值，通过js或页面操作改变元素的属性值之后，通过prop获取最新的属性值。

attr 获取无值的属性时，返回的是 undefined
prop 获取无值的属性时，返回的是 空字符串

在获取 checkbox 的 checked 属性时，使用 prop 获取到的是 true 或 false ；attr 获取到的是checked 或undefined。

获取checked、selected、disabled使用 prop

 

当添加自定义属性时，通过attr添加的自定义属性会在页面上显示；通过prop添加的属性不会再页面上显示，只会存储在属性库中。两者在输出时都是可以输出正确的值。
不可attr和prop混合使用来设置或获取值，因为他们设置或获取的来源不同。attr是将数据放在页面上，prop是将数据放在属性库中。

转载于:https://www.cnblogs.com/waterFowl/p/9187726.html