发现浏览器开发工具的一个小问题

  开发的时候发现一个input框没有值,但F12 debug发现在html的input标签上value属性是有值的,然后随便编辑一下值就出现了。

  很奇怪的现象,后来才知道这个是浏览器问题,就是用js改了value之后,开发工具的html上还是显示的原来jsp或者html上写的value值,但其实内存里value值和浏览器正常显示的value值都是新改后的了。其实用开发工具深层次进入这个dom元素,发现value属性也已经是新值了,说明了是开发工具自己问题,当然也可以说是浏览器的问题,因为开发工具要依赖浏览器嘛。同时这样的问题是用docment.getElementById("id").value="xxx",这样的方法出现的。如果用docment.getElementById("id").setAttribute("value","xxx")这个方法就不会出现这个问题了,也说明了是浏览器问题。

  这个现象在Ie上不会出现,在火狐和谷歌上会出现。

原文地址:https://www.cnblogs.com/onlywujun/p/3573324.html