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是将数据放在属性库中。

猜你喜欢

转载自www.cnblogs.com/waterFowl/p/9187726.html