<!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>";

也就是每次需要換行的代碼就多一個\ 實現(xiàn)換行。（沒什么特俗技巧，只是個人看起來覺得這樣寫代碼覺得舒服一點）

您可能感興趣的文章: