innerHTML 用法

使用innerHTML可以动态改变网页的样子和行为, 把下例代码建立一个html文件可以试一试:

<DIV ID="swappable" onClick="setValue()">test</DIV>
<SCRIPT LANGUAGE="JavaScript">
function setValue(){
document.getElementById("swappable").innerHTML="<input name='' type='text' value='test'><br><input name='' type='button' value='save' onClick='save()'>";
}

function save(){
document.getElementById("swappable").innerHTML="test";
}
</SCRIPT>