Ringkasan cara membungkus label dalam petua HTML_javascript dalaman-tutorial js-php.cn

Ringkasan cara membungkus label dalam petua HTML_javascript dalaman

WBOY

Lepaskan： 2016-05-16 15:45:05

asal

1766 orang telah melayarinya

Apabila menggunakan innerHTML untuk menjana struktur, untuk menjadikan struktur kelihatan jelas, anda boleh menambah garis miring ke belakang pada penghujung setiap baris untuk mengekalkan struktur html asal tanpa memerah tag bersama

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

Salin selepas log masuk

Saya baru belajar Javascript Saudara Shiba hari ini. Bercakap tentang penggunaan innerHMTL, cikgu mengatakan bahawa tag di dalamnya tidak dibalut saya rasa tidak selesa untuk saya mengendalikannya pada masa hadapan, jadi saya menyalin kod ini dan bertanya bagaimana untuk melakukannya. Rakan-rakan yang telah memprogramkan

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;

Salin selepas log masuk

Bolehkah kod di bawah

ditulis supaya ia boleh dibalut baris?

<p><ul><li><span>东</span></li><li>南</li><li>西</li><li>北</li></ul></p>

Salin selepas log masuk

Tetapi kerja keras membuahkan hasil, seseorang akhirnya memberitahu saya kaedah tersebut Lihat kod di bawah

var htmlcode = "<p> \
                                   <ul> \
                                         <li><span>东</span></li> \
                                         <li>南</li> \
                                         <li>西</li> \
                                         <li>北</li> \
                                   </ul> \
                             </p>";

Salin selepas log masuk

Iaitu, setiap kali kod perlu dibalut, terdapat satu lagi pemisah baris. (Tiada helah khas, saya rasa lebih selesa menulis kod dengan cara ini)