如何使用javascript在DIV框内写入

Question

我正在制作一个迷你游戏,其中一个玩家攻击一个npc而在中心是一个白色的盒子(div),我称之为(日志),因为当玩家损坏/攻击npc时,我希望能够打开那个白色空间记录发生的事情.

我正在使用getElementById(log),然后在"document.write("你攻击X npc")的行中添加一些东西,但是它不起作用.

关于如何在盒子内部而不是在盒子外面获取文本的任何想法？谢谢

Answer 1

document.getElementById('log').innerHTML += '<br>Some new content!';

<div id="log">initial content</div>

Answer 2

您可以使用以下方法之一:

document.getElementById('log').innerHTML = "text";

document.getElementById('log').innerText = "text";

document.getElementById('log').textContent = "text";

对于Jquery:

$("#log").text("text");

$("#log").html("text");

Answer 3

HTML:

<div id="log"></div>

JS:

document.getElementById("log").innerHTML="WHATEVER YOU WANT...";