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

Answer 4

我建议Jquery：

$("#log").html("Type what you want to be shown to the user");

Answer 5

如果您使用的是 jQuery ，并且想要将内容添加到div的现有内容中，则可以在括号内使用.html()：

＆＃13;

$("#log").html($('#log').html() + " <br>New content!");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="log">Initial Content</div>

＆＃13;

如何使用javascript在DIV框内写入

5 个答案: