欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

innerHTML中標(biāo)簽可以換行的方法匯總

 更新時(shí)間：2015年08月14日 10:08:56   投稿：hebedich  
本文給大家分享的是一個(gè)在javascript中使用innerhtml輸出的時(shí)候如何實(shí)現(xiàn)換行的小技巧，其實(shí)很簡(jiǎn)單，在需要換行的地方加上\即可

在用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 說到innerHMTL 的使用，當(dāng)時(shí)老師說到里面的標(biāo)簽不換行我覺得自己如果以后操作肯定不方便，于是我把這段代碼復(fù)制出來(lái)問了下做過編程的朋友們

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

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

相關(guān)文章

最新評(píng)論