|
|
最近發(fā)現(xiàn)各大類庫(kù)都能利用div.innerHTML=HTML片斷來(lái)生成節(jié)點(diǎn)元素，再把它們插入到目標(biāo)元素的各個(gè)位置上。這東西實(shí)際上就是insertAdjacentHTML，但是IE可惡的innerHTML把這優(yōu)勢(shì)變成劣勢(shì)。首先innerHTML會(huì)把里面的某些位置的空白去掉，見(jiàn)下面運(yùn)行框的結(jié)果：（復(fù)制運(yùn)行）
<!doctype html>
<html dir="ltr" lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>
IE的innerHTML By 司徒正美
</title>
<script type="text/Javascript">
window.onload = function() {
var div = document.createElement("div");
div.innerHTML = " <td> <b>司徒</b>正美 </td> "
alert("|" + div.innerHTML + "|");
var c = div.childNodes;
alert("生成的節(jié)點(diǎn)個(gè)數(shù) " + c.length);
for(var i=0,n=c.length;i<n;i++){
alert(c[i].nodeType);
if(c[i].nodeType === 1){
alert(":: "+c[i].childNodes.length);
}
}
}
</script>
</head>
<body>
<p id="p">
</p>
</body>
</html>
it知識(shí)庫(kù)：javascript 動(dòng)態(tài)插入技術(shù)，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
