document.createElement("input")动态创建html元..

时间：2008-08-22 来源：linxh

原文转自： http://blog.csdn.net/ecaol/archive/2008/07/23/2696842.aspx 转自： http://www.blogjava.net/aoneany/

最近研究createElement的时候发现一个奇怪的问题

var echkbox=document.createElement("input");
echkbox.setAttribute("type","checkbox");
echkbox.setAttribute("id","inputid");
echkbox.setAttribute("name","inputname");
echkbox.setAttribute("value","inputvalue");
echkbox.setAttribute("checked","checked");
var addhere=document.getElementById("someElementId");
addhere.appendChild(echkbox);
alert(document.getElementById("inputid").checked);

var echkbox=document.createElement("input"); echkbox.setAttribute("type","checkbox"); echkbox.setAttribute("id","inputid"); echkbox.setAttribute("name","inputname"); echkbox.setAttribute("value","inputvalue"); echkbox.setAttribute("checked","checked"); var addhere=document.getElementById("someElementId"); addhere.appendChild(echkbox); alert(document.getElementById("inputid").checked);

ie7显示出来的checkbox居然是未选中的但是alert出来的却是true，而FF一切正常
后来查了半天资料说是ie显示的时候只对状态改变比较敏感
改成
var echkbox=document.createElement("input");

echkbox.setAttribute("type","checkbox");
echkbox.setAttribute("id","inputid");
echkbox.setAttribute("name","inputname");
echkbox.setAttribute("value","inputvalue");
var addhere=document.getElementById("someElementId");
addhere.appendChild(echkbox);
echkbox.setAttribute("checked","checked");
alert(document.getElementById("inputid").checked);<PRE></PRE>

var echkbox=document.createElement("input"); echkbox.setAttribute("type","checkbox"); echkbox.setAttribute("id","inputid"); echkbox.setAttribute("name","inputname"); echkbox.setAttribute("value","inputvalue"); var addhere=document.getElementById("someElementId"); addhere.appendChild(echkbox); echkbox.setAttribute("checked","checked"); alert(document.getElementById("inputid").checked);

相关阅读更多 +