|
|
{
var br;
var row = document.createElement("tr");
var cell = document.createElement("td");
var cellTr = document.createElement("tr");
var cellTd = document.createElement("td");
cellTd.appendChild(document.createTextNode("用戶名:"+userName));
cellTr.appendChild(cellTd);
cell.appendChild(cellTr);
cellTd = document.createElement("td");
cellTd.appendChild(document.createTextNode("創(chuàng)建時(shí)間:+userCreateDate"));
cellTr.appendChild(cellTd);
cell.appendChild(cellTr);
cellTd = document.createElement("td");
cellTd.appendChild(document.createTextNode("發(fā)表文章:"+articleCount));
cellTr.appendChild(cellTd);
cell.appendChild(cellTr);
row.appendChild(cell);
cell = document.createElement("td");
cellTr = document.createElement("tr");
cellTd = document.createElement("td");
cellTd.appendChild(document.createTextNode("發(fā)表時(shí)間:"+creationDate+" "+"修改時(shí)間:"+modifiedDate));
cellTr.appendChild(cellTd);
cell.appendChild(cellTr);
cellTr = document.createElement("tr");
cellTd = document.createElement("td");
cellTd.appendChild(document.createTextNode(subject));
br = document.createElement("br");
cellTd.appendChild(br);
cellTd.appendChild(document.createTextNode(body));
cellTr.appendChild(cellTd);
cell.appendChild(cellTr);
row.appendChild(cell);
document.getElementById("messageList").appendChild(row);
}
以上代碼在ie中出現(xiàn)"意外的調(diào)用了方法或?qū)傩栽L問",錯誤指向最后一句.望各大俠指點(diǎn)迷津
評價(jià)：
你這段代碼感覺不優(yōu)雅~沒有重用性~性能底~、
建議：
1>采用函數(shù)封裝實(shí)現(xiàn)重用。
2>對于table的內(nèi)部嵌套采用如下格式：
<table>
<tbody>
<tr>
<td></td>
...
</tr>
...
</tbody>
<tbody>
</tbody>
...
</table>
對table動態(tài)生成，采用從內(nèi)到外添加的方案。另盡可能少使用document.createTextNode,性能低。
3>如果你的table不是在頁面加載時(shí)需要執(zhí)行，建議在<script中添加defer即
<script defer>
</script>
4>另外盡量采取對傳值對象的封裝，調(diào)用一次即可。即，可以將你的表格數(shù)據(jù)封裝成[]或{}（當(dāng)然內(nèi)部有模型實(shí)現(xiàn)）的策略。
5>如果你js好的話，可以采用prototype做得更完美！
以上意見僅供參考。
JavaScript技術(shù)：tbody元素支持嵌套的注意方法，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
