javascript 中 dom.getAttribute(“value”) 与dom.value的差异

javascript 中 dom.getAttribute(“value”) 与dom.value的差异

dom 是一个 input type=”text”
手动修改 input 的值， 使用 dom.getAttribute(“value”) 只能得到 html Dom中的值，而不能得到修改后的值（即内存中的值）；
可以通过 dom.value 得到修改后的最新值（内存中的值）
使用： dom.setAttribute(“value”,”2011″) , 只能通过 dom.getAttribute(“value”) 得到 2011
使用: dom.value = 2012 , 只能通过 dom.value 得到 2012
也就是说： getAttribute 和 setAttribute 是一套， 直接使用属性是一套，两套完成不是一回事。

总结：
1. 如果是自定义属性，那统一使用 getAttribute , setAttribute ，保持浏览器兼容性。
2. 如果是DOM 的属性，直接使用 可以获取最新值。
3. jQuery 底层的方法 $.fn.val() 使用的是 dom.value 属性。
自定义属性最好使用 getAttribute , setAttribute 。

以上转自：http://blog.xinfilm.com/?p=297 

支持原创

 

顺便普及一下英文知识：

Attribute 是属性的意思

jq中的attr就是这个单词的缩写

 

posted on 2014-04-24 14:31 禅茶自在 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/phptea/p/3685457.html