firefox下可恶的value

前几天做项目 遇到这样一个情况

document.getElementById("txtTest").value = "111";

这条语句在ff下和ie下都是好用的

但是用开发工具看html代码

ie下显示正常 ff下显示的却是修改之前的(实际上已经修改了，只是html没有修改过来)

 

用js修改input的value值
<input type="text" value="3" id="txtTest" />
<input type="button" value="aaa" onclick="test();" />

 

function test()
{
  document.getElementById("txtTest").value="111";
}

ie下页面显示修改成功，看html代码也是修改之后的
修改之前代码是<input type="text" value="3" id="txtTest" />
修改之后代码是<input type="text" value="111" id="txtTest" />
ff下页面显示修改成功，看html代码却是没修改
修改之前代码是<input type="text" value="3" id="txtTest" />
修改之后代码仍然是<input type="text" value="3" id="txtTest" />
但是页面显示的却是111

 

后来在csdn上问到解决办法了

用document.getElementById("txtTest").setAttribute("txtTest","111");就可以了

在ie下html显示为修改后的，实际值也是修改之后的

在ff下html显示也为修改后的，实际值也是修改之后的

 

csdn链接地址：http://topic.csdn.net/u/20100830/15/40770aa2-c983-4d4c-bc7d-3735587438c9.html

有孟老大和sp1234大哥的回复，吼吼，一个小问题引来两个大哥。