tbody元素支持嵌套的注意方法
{
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問",錯(cuò)誤指向最后一句.望各大俠指點(diǎn)迷津
評(píng)價(jià):
你這段代碼感覺不優(yōu)雅~沒有重用性~性能底~、
建議:
1>采用函數(shù)封裝實(shí)現(xiàn)重用。
2>對(duì)于table的內(nèi)部嵌套采用如下格式:
<table>
<tbody>
<tr>
<td></td>
...
</tr>
...
</tbody>
<tbody>
</tbody>
...
</table>
對(duì)table動(dòng)態(tài)生成,采用從內(nèi)到外添加的方案。另盡可能少使用document.createTextNode,性能低。
3>如果你的table不是在頁(yè)面加載時(shí)需要執(zhí)行,建議在<script中添加defer即
<script defer>
</script>
4>另外盡量采取對(duì)傳值對(duì)象的封裝,調(diào)用一次即可。即,可以將你的表格數(shù)據(jù)封裝成[]或{}(當(dāng)然內(nèi)部有模型實(shí)現(xiàn))的策略。
5>如果你js好的話,可以采用prototype做得更完美!
以上意見僅供參考。
相關(guān)文章
JavaScript setinterval延遲一秒解決方案
這篇文章主要介紹了JavaScript setinterval延遲一秒解決方案,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09js實(shí)現(xiàn)倒計(jì)時(shí)效果(小于10補(bǔ)零)
本文主要介分享了js實(shí)現(xiàn)倒計(jì)時(shí)效果(小于10補(bǔ)零)的實(shí)例代碼,具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03JavaScript如何實(shí)現(xiàn)數(shù)組內(nèi)的值累加
我們會(huì)經(jīng)常在開發(fā)過程中,需要獲取數(shù)組中的值累加,所以下面這篇文章主要給大家介紹了關(guān)于JavaScript如何實(shí)現(xiàn)數(shù)組內(nèi)的值累加的相關(guān)資料,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2023-11-11JAVASCRIPT下判斷IE與FF的比較簡(jiǎn)單的方式
在JAVASCRIPT當(dāng)中可以通過取當(dāng)前瀏覽器返回值來判斷當(dāng)前使用什么瀏覽器。2008-10-10Bootstrap導(dǎo)航欄各元素操作方法(表單、按鈕、文本)
這篇文章主要介紹了Bootstrap導(dǎo)航欄各元素操作方法,針對(duì)表單、按鈕、文本進(jìn)行操作,感興趣的小伙伴們可以參考一下2015-12-12微信小程序使用同聲傳譯實(shí)現(xiàn)語音識(shí)別功能
語音識(shí)別可以將語音精準(zhǔn)識(shí)別為文字,在很多場(chǎng)景中都可以使用,本文主要介紹了微信小程序使用同聲傳譯實(shí)現(xiàn)語音識(shí)別功能,分享給大家,感興趣的可以了解一下2021-06-06JavaScript簡(jiǎn)單生成 N~M 之間隨機(jī)數(shù)的方法
這篇文章主要介紹了JavaScript簡(jiǎn)單生成 N~M 之間隨機(jī)數(shù)的方法,結(jié)合自定義函數(shù)分析了JS生成固定區(qū)間內(nèi)隨機(jī)數(shù)的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2017-01-01js下獲得客戶端操作系統(tǒng)的函數(shù)代碼(1:vista,2:windows7,3:2000,4:xp,5:2003,6:20
有時(shí)候需要在客戶端獲取操作系統(tǒng)的版本,以便更好的給用戶合適的信息,提高用戶體驗(yàn),好不容易從網(wǎng)站發(fā)現(xiàn)了這段代碼,分享給大家。2011-10-10