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

自定义属性最好使用 getAttribute, setAttribute 。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,309评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 33,820评论 18 399
  • Element 类型 除了 Document 类型之外,Element 类型就要算是 Web 编程中最常用的类型了...
    劼哥stone阅读 694评论 0 3
  • 在我们的生活中,我们看到有很多优秀的人,他们或许做出了卓越的成就;或许在财富和名誉上有所突出;或许有着过人的才智。...
    博雅大师兄阅读 561评论 0 4
  • 记得嘉麟哥说过一句话,你进记者团可以什么都不会,但是你从记者团走的时候必须带着一身本领走。 一无所知的我进入了这个...
    郭凯鹏阅读 231评论 0 1

友情链接更多精彩内容