当然不能了,当button组多于1个时,就会有多个button重名,发生冲突出错

解决方案 »

  1.   

    可以用一个自动递增的序号区别不同的“组”<HTML>
    <HEAD><script language="JavaScript">var iGroup = 0;function addButton()
    {
        newButton.innerHTML+='<input type="button" name="button1" value="add button" onClick="addButton()">';
        newButton.innerHTML+='<input type="button" name="button2'+iGroup+'" value="button2" onClick="changeButton(button2'+iGroup+',button3'+iGroup+')">';
        newButton.innerHTML+='<input type="button" name="button3'+iGroup+'" value="button3" onClick="changeButton(button3'+iGroup+',button2'+iGroup+')"><br>';
        iGroup++;
    }function changeButton(buttonMe,buttonOther)
    {
        buttonMe.style.visibility="hidden";
        buttonOther.style.visibility="visible";
    }</script></HEAD><BODY onLoad="addButton()">
    <form name="form">
    <table border="1">
    <tr>
      <td>
        <div id=newButton name="newButton"></div>
      </td>
    </tr>
    </table>
    </form>
    </BODY>
    </HTML>