- <div id="node1">level 1</div>
- <script>
- function a()
- {
- var node1=$("node1");// 第一层
- var node2 = createElement("div");// 第二层-父亲node1
- node2.innerHTML="<span>level 2</span>";
- var node3 = createElement("div");// 第二层-父亲node1
- node3.innerHTML="<span>level 2</span>";
- var node4 = createElement("div");// 第三层-父亲node3
- node4.innerHTML="<span>level 3</span>";
- //FF 正常
- //IE8 正常
- //IE7,IE6不正常
- var chk;
- chk = createElement("input");// 复选框
- chk.type = "checkbox";
- chk.checked = true;
- node1.appendChild(chk);
- //FF 正常
- //IE8 IE7 IE6 正常
- // 不正常
- chk = createElement("input");// 复选框
- chk.type = "checkbox";
- node1.appendChild(chk);
- chk.checked = true;
- //FF 正常
- //IE8 IE7 正常
- //IE6 不正常
- chk = createElement("input");// 复选框
- chk.type = "checkbox";
- node2.appendChild(chk);
- chk.checked = true;
- node1.appendChild(node2);
- //FF 正常
- //IE8 IE7 正常
- //IE6 不正常
- chk = createElement("input");// 复选框
- chk.type = "checkbox";
- node4.appendChild(chk);
- chk.checked = true;
- node1.appendChild(node3);
- node3.appendChild(node4);
- //总之:
- //有效范围FF IE8 IE7 IE6:所有祖辈(父亲,爷爷,太爷...)都加入DOM,chebox加入父节点,然后设置checked = true
- //有效范围FF IE8 IE7 :保证checkbox父亲加入DOM,不管爷爷或者更长辈是否加入DOM,chebox加入父节点,然后设置checked = true
- //有效范围FF IE8 :不管父节点是否加入DOM,设置checked = true
- }
- a();
- </script>