javascript - 如何使用 javascript 在 DIV 框中写入内容

Question

我正在制作一个小游戏，其中玩家攻击 npc，中间是一个白框 (div)，我称之为 (log)，因为当玩家损坏/攻击 npc 时，我希望能够打开空白记录发生的事情。

我正在使用 getElementById(log)，然后按照“document.write(”You Attacked 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()在括号内使用：

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

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