前幾天做項目 遇到這樣一個情況
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" οnclick="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大哥的回復,吼吼,一個小問題引來兩個大哥。