javascript 中 dom.getAttribute(“value”) 与dom.value的差异
2014-04-24 14:31
435 查看
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就是这个单词的缩写
手动修改 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就是这个单词的缩写
相关文章推荐
- javascript 中 dom.getAttribute("value") 与dom.value的差异
- JAVAScript中DOM与BOM的差异分析
- javascript事件在IE和DOM浏览器的差异总结
- dom.getAttribute("value") 与dom.value 差异
- javascript事件在IE和DOM浏览器的差异总结
- javascript的nodeName nodeValue nodeType三个dom方法返回值的类型
- JavaScript DOM杂知识(value/innerHTML/innerText/textContent对比、nodeType/nodeName/nodeValue区别、获取任意类型的属性)
- 【JavaScript】DOM差异——nextSibli…
- 稳扎稳打Silverlight(27) - 2.0网页之可脚本化, 与DOM的交互, 与JavaScript的交互
- JavaScript—DOM
- (转)Javascript标准DOM Range操作(3)
- javascript DOM
- javascript之DOM操作
- webkit 中 javascript 与 WebCore DOM 的绑定
- JavaScript DOM 中setAttribute()的使用 以及点击鼠标返回函数的处理
- Javascript标准DOM Range操作
- 黑马程序员_java基础笔记(09)...HTML基本知识、CSS、JavaScript、DOM
- JavaScript-DOM操作
- Javascript获取CheckBoxList的value
- JavaScriptDOM实例解析