在用innerHTML生成結(jié)構(gòu)時(shí),為了看起來(lái)結(jié)構(gòu)明快,可以在每行的末尾加一個(gè)反斜線/,即可保持html原結(jié)構(gòu),而不至于將標(biāo)簽都擠在一塊
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>innerHTML中標(biāo)簽可以換行的方法</title></head><body><script>//function fnNew(){ var sHtml = ''; for(var i = 0; i < 2; i++){ sHtml += '<li class="in">/ <div class="in-con">/ <button class="in-btn_s">顯示</button>/ <button class="in-btn_h">隱藏</button>/ </div>/ <div class="in-show">第'+ i +'種方法:'+ data[i]+'</div>/ </li>'; } oList.innerHTML = sHtml;}</script></body></html>我是今天才學(xué)到十八哥的Javascript 說(shuō)到innerHMTL 的使用,當(dāng)時(shí)老師說(shuō)到里面的標(biāo)簽不換行我覺(jué)得自己如果以后操作肯定不方便,于是我把這段代碼復(fù)制出來(lái)問(wèn)了下做過(guò)編程的朋友們
function t2(){ var cont = document.getElementById('container'); var htmlcode = "<p><ul><li><span>東</span></li><li>南</li><li>西</li><li>北</li></ul></p>"; cont.innerHTML = htmlcode;的下面這段代碼可不可以把代碼寫(xiě)成可以換行的,
<p><ul><li><span>東</span></li><li>南</li><li>西</li><li>北</li></ul></p>
但是功夫不負(fù)有心人,終于有人告訴我方法 見(jiàn)下面代碼
var htmlcode = "<p> / <ul> / <li><span>東</span></li> / <li>南</li> / <li>西</li> / <li>北</li> / </ul> / </p>";
也就是每次需要換行的代碼就多一個(gè)/ 實(shí)現(xiàn)換行。(沒(méi)什么特俗技巧,只是個(gè)人看起來(lái)覺(jué)得這樣寫(xiě)代碼覺(jué)得舒服一點(diǎn))
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注