wake-up-neo.net

Wie schreibe ich in eine DIV-Box mit Javascript?

Ich mache ein Minispiel, in dem ein Spieler einen NPC angreift und in der Mitte ein weißes Kästchen (div) ist, das ich anrufe (log), denn wenn der Spieler den NPC beschädigt oder angreift, möchte ich dafür in der Lage sein Leerzeichen, um zu protokollieren, was passiert ist.

Ich verwende die getElementById (log) und füge dann etwas in der Richtung von "document.write" hinzu ("Sie haben Xpc angegriffen"), aber es funktioniert nicht.

Irgendeine Idee, wie ich Text innerhalb der Box bekommen kann und nicht außerhalb? Vielen Dank

32
Shawn
document.getElementById('log').innerHTML += '<br>Some new content!';
<div id="log">initial content</div>
61
plalx

Sie können eine der folgenden Methoden verwenden:

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

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

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

Für Jquery: 

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

$("#log").html("text");
27
Muhammad Umer

HTML:

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

JS:

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

Ich würde Jquery vorschlagen:

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

Wenn Sie jQuery verwenden und Inhalte zu den vorhandenen Inhalten des div hinzufügen möchten, können Sie .html() in den Klammern verwenden:

$("#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>
0
joe_young