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

您希望文本在正文中的单独行中，使用div来获取单独行中的文本，如下所示。

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

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

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

Answer 3

您可以跨越多行：

＆＃13;

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

＆＃13;

或者，您可以执行多项任务：

＆＃13;

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

＆＃13;

将document element的innerHTML设置为长字符串

3 个答案: