Как написать внутри коробки DIV с javascript

Я делаю мини-игру, в которой игрок атакует npc, а в центре - белый ящик (div), который я вызываю (журнал), потому что, когда игрок повреждает/атакует npc, я хочу быть в состоянии для этого открытого пробела для регистрации того, что произошло.

Я использую getElementById (log), а затем добавляю что-то вдоль строк документа document.write( "Вы атаковали X npc" ), но его не работает.

Любая идея о том, как я могу получить текст в поле, а не за его пределами? Благодаря

Ответ 1

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

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

Ответ 2

Вы можете использовать один из следующих способов:

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

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

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

Для JQuery:

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

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

Ответ 3

HTML:

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

JS:

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

Ответ 4

Я бы предложил JQuery:

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

Ответ 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>