Javascript change div content

Question

My site has a one <div> for the header, one for navigation-panel and one for the content.

For the navigation-links i use

<p class="blue"><label onclick="goFor('test')"> -> TEST! <- </label> </p>

and my JS:

function goFor(destination) 
{ 
    document.getElementById("content").load(destination+'.php'); 
}

in this case, the content-div should change to the file "test.php".

but Firebug says: document.getElementById(...).load is not a function

what am i doing wrong?

Answer 1

Use $("#content").load(something) instead of document.getElementById.

Or... make an ajax request and load answer in that div.

For an ajax request with no lib, you can check my script here (first answer): Insert external page html into a page html . Note the success handle as you want it... with document.getElementById.