最近在做AJAX,想用javascript實(shí)現(xiàn)DataList功能,遇到一個(gè)棘手的問題,由于要生成的HTML很長(zhǎng),所以我寫成如下的形式:

list.innerHTML="<table><tr>";

list.innerHTML+="<td>"

......

但是這樣生成的innerHTML始終不對(duì),研究了半天,原來(lái)是innerHTML搞得鬼.innerHTML自帶了語(yǔ)法檢查功能,他會(huì)自動(dòng)把不完整的HTML代碼補(bǔ)充完整.運(yùn)行如下的一個(gè)測(cè)試代碼就可以發(fā)現(xiàn)了.

document.getElementById("AlbumList").innerHTML="<table><tr>";
alert(document.getElementById("AlbumList").innerHTML);

他會(huì)自動(dòng)把我的代碼里面添加了<tbody>和</tr></table>等標(biāo)記.神奇!!!

那么不讓他自動(dòng)填寫的一個(gè)辦法就是用一個(gè)中間變量:

var html="<table><tr>";

html+="<td>";

......

list.innerHTML=html;

就這樣就可以解決問題了.

?

轉(zhuǎn)載于:https://www.cnblogs.com/GoalRyan/archive/2009/07/09/1519640.html

總結(jié)

以上是生活随笔為你收集整理的小心使用innerHTML的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。