本文給大家分享的是一個在javascript中使用innerhtml輸出的時候如何實現(xiàn)換行的小技巧，其實很簡單，在需要換行的地方加上/即可
在用innerHTML生成結(jié)構(gòu)時，為了看起來結(jié)構(gòu)明快，可以在每行的末尾加一個反斜線/，即可保持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 說到innerHMTL 的使用，當(dāng)時老師說到里面的標(biāo)簽不換行我覺得自己如果以后操作肯定不方便，于是我把這段代碼復(fù)制出來問了下做過編程的朋友們
- 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;
的下面這段代碼可不可以把代碼寫成可以換行的，
- <p><ul><li><span>東</span></li><li>南</li><li>西</li><li>北</li></ul></p>
但是功夫不負(fù)有心人，終于有人告訴我方法 見下面代碼
- var htmlcode = "<p> /
- <ul> /
- <li><span>東</span></li> /
- <li>南</li> /
- <li>西</li> /
- <li>北</li> /
- </ul> /
- </p>";
也就是每次需要換行的代碼就多一個/ 實現(xiàn)換行。(沒什么特俗技巧，只是個人看起來覺得這樣寫代碼覺得舒服一點)
新聞熱點
疑難解答
圖片精選
