上一篇简单提到了innerHTML，那么现在我就通过一个简单的模仿一下发消息的原理例子。接下来简单布局一下： HTML代码如下：
<div id="Box"></div>
<span id="span1">张三：</span>
<input type="text" id="text1"/>
<input id="Btn" type="button" value="按钮" name=""/>
<style>
#Box{width:250px;height:300px;border:1px solid #e5e5e5;background:#f1f1f1;}
</style>
想要实现的效果就是在input里写内容，点击发送，便会在上面的框中显示出来；
下面就是js了，看看如何运用innerHTML了： JS代码如下：
/**
*
*
* @param
* @arrange (512.笔记) jb51.cc
**/
<script>
window.onload= function(){
var oBox=document.getElementById("Box");
var oSpan=document.getElementById("span1");
var oText=document.getElementById("text1");
var oBtn=document.getElementById("Btn");
oBtn.onclick = function(){
oBox.innerHTML =oBox.innerHTML + oSpan.innerHTML + oText.value + "<br/>";
//oBox.innerHTML += oSpan.innerHTML + oText.value + "<br/>";这是简便的写法，在js中 a=a+b,那么也等同于 a+=b
oText.value=""
};
}
</script>
