关于DIV所在的平面层次“按钮化”的问题？

<script>
function test(){
document.all.div1.innerHTML ="<input type=\"button\" name=\"b1\" value=\""+document.all.div1.innerText+"\">";
document.all.div2.innerHTML ="<input type=\"button\" name=\"b2\" value=\""+document.all.div2.innerText+"\">";}
</script>
<BODY BGCOLOR="#FFFFFF">
<input type="button" value="test" onclick="test();">
<div id=div1>
123
</div>
<div id=div2>
456
</div>

解决方案 »

  1.   

    如果不用TEST这个BUTTON，界面直接打开就有这个效果，怎么做？
      

  2.   

    <script>
    function window.onload() {
    test() ;
    }function test(){
    document.all.div1.innerHTML ="<input type=\"button\" name=\"b1\" value=\""+document.all.div1.innerText+"\">";
    document.all.div2.innerHTML ="<input type=\"button\" name=\"b2\" value=\""+document.all.div2.innerText+"\">";}
    </script>
    <BODY BGCOLOR="#FFFFFF">
    <input type="button" value="test" onclick="test();">
    <div id=div1>
    123
    </div>
    <div id=div2>
    456
    </div>