JavaScript: How to Change Element's Content

, , …,
Want to master JavaScript in a week? Buy Xah JavaScript Tutorial.

This page shows a example of how to change a HTML page's content with JavaScript.

Sample

Press the following buttons to change the paragraph.

How are you?

Code

Here's the HTML code.

<p id="id57512">How are you?</p>
<button id="b1">Answer</button>
<button id="b2">Question</button>

Here's the JavaScript code.

function f1() {document.getElementById("id57512").firstChild.nodeValue="Fine, thank you.";}
function f2() {document.getElementById("id57512").firstChild.nodeValue="How are you?";}

//define the behavior
document.getElementById("b1").addEventListener("click", f1 , false);
document.getElementById("b2").addEventListener("click", f2 , false);
blog comments powered by Disqus