innerHTML Example

document.getElementById("xxx").innerHTML="Hello World";
다음 2개의 라인 중 한개를 반복해서 클릭해 보세요.

1. Click (링크를 이용한 경우)

2.innerHTML Test (<div>태그를 이용한 경우)

<SCRIPT>
message = "<font color='red'><center>Hello World<br />";
message += "1<br />2<br />3<br />4<br />5</center></font>"; 

on=1;
function toggle(){
  if(on==1){
    document.getElementById("msg").innerHTML=message;
    on=0;
  }else{
    document.getElementById("msg").innerHTML="";
    on=1;
  }
}
</SCRIPT>

<CENTER><STRONG><FONT size=4>document.getElementById("xxx").innerHTML="Hello World";</FONT></STRONG> 
<P>
<br /> 다음 2개의 라인 중 한개를 반복해서 클릭해 보세요.
<br />
<br />1. <A href="javascript:toggle();">Click</A> (링크를 이용한 경우)<br /><br />
<DIV onclick=toggle();>2.innerHTML Test (<div>태그를 이용한 경우)</DIV><br />
<DIV id=msg> </DIV>
</CENTER>

[출처]http://micropilot.tistory.com/category/Javascript?page=79