将文档元素的 innerHTML 设置为长字符串

Question

我正在使用 JQuery 动态设置 div 元素。它有多行，间距非常具体，所以这是我的代码：

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

并以同样的方式显示？

谢谢！

Answer 1

是的。如果你想添加字符串你可以使用 +=

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

Answer 2

您可以跨多行：

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

或者，您可以进行多项作业：

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

Answer 3

您希望正文中的文本在单独的行中，使用 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>

将文档元素的 innerHTML 设置为长字符串

Set document element's innerHTML to a long string

html

javascript

jquery

innerhtml