dom.getAttribute("value") 与dom.value 差异

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 属性。

alarm   作者:NewSea     出处:http://newsea.cnblogs.com/    QQ,MSN:iamnewsea@hotmail.com

  如无特别标记说明,均为NewSea原创,版权私有,翻载必纠。欢迎交流,转载,但要在页面明显位置给出原文连接。谢谢。
原文地址:https://www.cnblogs.com/newsea/p/2679266.html