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