IE8下JS动态创建Checkbox默认选中失效问题解析

IE8下JS动态创建Checkbox默认选中失效问题解析

本次测试涉及的浏览器环境包括IE8（涵盖兼容模式与非兼容模式）以及Firefox 6。

 
var chk = document.createElement("input");
chk.setAttribute("type","checkbox");
container.appendChild(chk);
chk.setAttribute("checked",true);

上述代码在IE8兼容模式及Firefox 6环境中运行正常，但在IE8非兼容模式下无法实现默认选中效果。正确的做法是在执行appendChild将元素插入容器后，再设置checked属性，这样在所有测试环境中均能生效，具体代码如下：

 
var chk = document.createElement("input");
chk.setAttribute("type","checkbox");
chk.setAttribute("checked",true);
container.appendChild(chk);

前文提到的代码顺序似乎存在逻辑颠倒。