[英]HTML DOM - spreading the string to multiple lines
我目前正在嘗試在HTML / JS上將字符串擴展到多行。 我正在使用Repl.It(可能是此頁面上的一些錯誤/功能),但是我無法使用“ \\ n”將其分散到多行中。 請指教。
HTML div:
<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")
您應該使用<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>
使用.innerText
而不是innerHTML
var playerHp = 1; var monsterHp = 30; var msg = "Stats:\\nPlayer hp: " + playerHp + "\\nMonster hp: " + monsterHp; function sendStats(sel, msg) { document.querySelector(sel).innerText = msg; } sendStats('#stats', msg);
<output id='stats'></output>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.