时间戳

首页 > 解决方案 > HTML DOM - 将字符串分散到多行

javascript - HTML DOM - 将字符串分散到多行

问题描述

我目前正在尝试将字符串传播到 HTML/JS 中的多行。我正在使用 Repl.It（可能是此页面上的一些错误/功能），但我无法使用“\n”将其传播到多行。请指教。

HTML 格：

<div id="stats"> 
<script src="script.js"></script>
</div>

JS端：

function send_stats(message) {
  document.querySelector("#stats").innerHTML = message;
}

send_stats("Stats:\nPlayer hp:" + player_hp + "\nMonster hp:" + monster_hp")

标签： javascripthtmldom

解决方案

您应该使用<br>而不是\n. 并使用模板字符串而不是+一次又一次地使用。

let monster_hp = 100.00
let player_hp = 90.00
function send_stats(message) {
  document.querySelector("#stats").innerHTML = message;
}
send_stats(`Stats:<br>Player hp:${player_hp}<br>Monster hp:${monster_hp}`)
<div id="stats"> 
<script src="script.js"></script>
</div>

推荐阅读