文書要素のinnerHTMLを長い文字列に設定する

div要素を動的に設定するためにJQueryを使用しています。それは非常に特定の間隔を有する複数のラインを持っているので、これは私のコードです：文書要素のinnerHTMLを長い文字列に設定する

document.getElementById('body').innerHTML = "Developer: A <br/> &emsp;&emsp; &emsp; &emsp; &nbsp;&nbsp; B <br> &emsp; &emsp; &emsp; &emsp; &nbsp; C <br> &emsp; &emsp; &emsp; &emsp;&nbsp;&nbsp; D";

あなたは、このコードは恐ろしい見えます見ることができるように、線でinnerHTMLのラインを設定する方法はありますか？たとえば、

document.getElementById('body').innerHTML = "Developer: A";  
document.getElementById('body').innerHTML = "Developer: B";

と同じ方法で表示されますか？

ありがとうございました！

出典

2016-08-10 user8333141

-1

を使用することができます

document.getElementById('body').innerHTML = "Developer: A <br/>"; 
 
document.getElementById('body').innerHTML += "Developer: B"; // Note the += instead of just =

出典

2016-08-10 15:45:25

はい。

document.getElementById('body').innerHTML = "Developer: A <br/>" + 
 
              "Developer: B";

それとも、あなたが複数の割り当てを行うことができます：

をあなたは文字列を追加したい場合は、あなたが複数行にまたがることができ+=

document.getElementById('body').innerHTML = "Developer: A"; document.getElementById('body').innerHTML += "Developer: B";

出典

2016-08-10 15:45:20

テキストを本文内の別々の行に入れたい場合は、divを使用して次のように別々の行にテキストを取得します。

$(function() { 
 
    $("<div/>").html("Developer A").appendTo($("body")); 
 
    $("<div/>").html("Developer B").appendTo($("body")); 
 
    $("<div/>").html("Developer C").appendTo($("body")); 
 
    
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
</body>

出典

2016-08-10 15:47:14 CNKR

文書要素のinnerHTMLを長い文字列に設定する

答えて

関連する問題