关于inner.HTML小问题

简单代码如下：
<form>
<input onclick="javascript:btton1()" id="but1" value="1" type="button"></input>
<input onclick="javascript:btton2()" id="but2" value="2" type="button"></input>
<input onclick="javascript:btton3()" id="but3" value="3" type="button"></input>
</form>
<script>
function btton1(){
alert(document.getElementById("but1").value);
}
function btton2(){
alert(document.getElementById("but2").value);
}
function btton3(){
alert(document.getElementById("but3").value);
}
</script>

得到的结果是点击每个button能显示它的value..但感觉如上方法比较笨！
请问高手能不能用inner.HTML得到类似效果？ 顺便把代码写出来~~ 不胜感激！！
补充一下，我想得到的效果是 弹出框的效果~~

关于html的一个小问题 关于 HTML 和 SHTML 小问题 HTML页面小问题 HTML中的小问题 html语言小问题 HTML小问题 HTML小问题~~~ 关于HTML的问题 关于html的问题 HTML问题关于IP