suchen

Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung der Möglichkeiten zum Einschließen von Etiketten in innerHTML_javascript-Tipps

Zusammenfassung der Möglichkeiten zum Einschließen von Etiketten in innerHTML_javascript-Tipps

WBOY
WBOYOriginal
2016-05-16 15:45:051746Durchsuche

Wenn Sie innerHTML zum Generieren einer Struktur verwenden, können Sie am Ende jeder Zeile einen Backslash hinzufügen, um die Struktur klarer erscheinen zu lassen, um die ursprüngliche HTML-Struktur beizubehalten, ohne die Tags zusammenzudrücken

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

Ich habe heute gerade das Javascript von Bruder Shiba gelernt. Als ich über die Verwendung von innerHMTL sprach, sagte der Lehrer, dass es für mich in Zukunft unpraktisch wäre, es zu bedienen, also habe ich diesen Code kopiert und fragte, wie es geht. Freunde, die programmiert haben 

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;
Kann der folgende Code

so geschrieben werden, dass er zeilenumbrochen werden kann
? 

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

Aber harte Arbeit zahlt sich aus, endlich hat mir jemand die Methode erklärt. Siehe den Code unten 

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

Das heißt, jedes Mal, wenn der Code umgebrochen werden muss, gibt es einen weiteren Zeilenumbruch. (Keine besonderen Tricks, ich fühle mich einfach wohler, auf diese Weise Code zu schreiben)

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erläuterung der Verwendung dieses Schlüsselworts in JavaScriptNächster Artikel：Detaillierte Erläuterung der Verwendung dieses Schlüsselworts in JavaScript

In Verbindung stehende Artikel

Mehr sehen