How do i add content in an div with javascript?

Question

How do i change the content of an div on an website that has an id with javascript?

<div class="chat-area" id="chat-area">[Changeable]</div>

I want to know how i add content where it says "[Changeable]" with javascript so i can run the command through the console. I'd like if you keep your explainage simple, because im still very new to html/css/javascript ;)

Answer 1

In very simple JavaScript terms, you can use:

document.getElementById("chat-area").innerHTML = 'New Content';

And yes, this would work in GreaseMonkey / UserScripts too!

Answer 2

You can use the innerHTML property to achieve your goal like so:

document.getElementById("chat-area").innerHTML = "Your new content here";