回顧一下，IE會把標(biāo)簽內(nèi)前面的一些空白kill掉，還會把它里面標(biāo)簽統(tǒng)統(tǒng)大寫，會顯示動態(tài)添加的屬性，在某些元素中，它還是只讀的。這個由IE發(fā)明的東西，最后被爆如此多缺陷，真是令人心寒。不過innerHTML還有一地雷，存在于最標(biāo)準(zhǔn)的火狐中，看下面代碼：

復(fù)制代碼代碼如下:

 
var newTable = document.createElement('table'); 
document.body.appendChild(newTable); 
var newTr = document.createElement('tr'); 
var rowContent = '<td>司徒正美 </td><td><em>RestlessDream</em></td>'; 
newTr.innerHTML = rowContent; 
newTable.appendChild(newTr); 
alert(newTable.innerHTML) 
if (rowContent.toLowerCase() == newTr.innerHTML.toLowerCase()) { 
alert("一定如我所愿！"); 
}else { 
alert("你踩雷了！"); 
} 

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

當(dāng)我們把innerHTML加入到tr節(jié)點時，它會被firefox解析成:

復(fù)制代碼代碼如下:

司徒正美 <em>RestlessDream</em>

而不再是原來的:

復(fù)制代碼代碼如下:

<td>司徒正美 </td><td><em>RestlessDream</em></td>

td標(biāo)簽被去掉了！我想是不是與加入DOM樹的順序有關(guān)，調(diào)整一下：

復(fù)制代碼代碼如下:

 
var newTable = document.createElement('table'); 
document.body.appendChild(newTable); 
var newTr = document.createElement('tr'); 
newTable.appendChild(newTr); 
var rowContent = '<td>司徒正美 </td><td><em>RestlessDream</em></td>'; 
newTr.innerHTML = rowContent; 

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

這樣就解決了firefox的情況！