|
|
復制代碼 代碼如下:
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需刷新才能執行]
當我們把innerHTML加入到tr節點時，它會被firefox解析成:
復制代碼 代碼如下:司徒正美 <em>RestlessDream</em>
而不再是原來的:
復制代碼 代碼如下:<td>司徒正美 </td><td><em>RestlessDream</em></td>
td標簽被去掉了！我想是不是與加入DOM樹的順序有關，調整一下：
復制代碼 代碼如下:
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需刷新才能執行]
這樣就解決了firefox的情況！
JavaScript技術：javascript inneHTML的地雷，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
