javascript dom对象添加问题

将需要增加的那个表格设为div2，放在div1中需要添加的地方，并把div2的style.display设置为none.
然后在添加按钮的JS响应里 将div2的display设置为"display:".

解决方案 »

  1.   

    你这个方法我用过了，问题是如果数目过大这样就太麻烦了，肯定是要做成动态的比较好
    我的思路是，首先把那个TABLE及以下的整颗树获取到，然后在需要时用JS动态输出来，因为大部分都是一样的，只有每个INPUT等个别元素的ID和name需要改变下，所以我想问下谁知道我这套思路对不对，该如何实现？
      

  2.   

    我很困惑 所以把这段改了
          <input name="b_1" type="radio" value="sex" checked /> 
          男 
          <input name="b_2" type="radio" value="sex" checked /> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title> </title> 
    <SCRIPT LANGUAGE="JavaScript">
    var i=1;
    function add()
    {
    var html = '<table border="1">'+ 
    '<tr bgcolor="#FFFFFF" height="25">'+ 
    '    <td width="100">姓名 </td>'+ 
    '<td width="280"> <input name="uname" type="text" id="i_'+i+'" /> </td>'+ 
    '<td width="100">性别 </td>'+ 
    '    <td width="280">'+ 
    '      <input name="b_'+i+'" type="radio" value="sex" checked />'+ 
    '      男'+ 
    '      <input name="b_'+i+'" type="radio" value="sex"/>'+ 
    '      女'+ 
    '</td>'+ 
    '  </tr>'+ 
    '</table>';
    document.getElementById("div1").innerHTML += html
    i++
    }
    </SCRIPT>
    </head> 
    <body> 
    <div id="div1"> 
      <table width="760" border="1" cellspacing="0" cellpadding="0"> 
        <tr> 
          <td> <input type="text" /> 
          <input type="button" value="添加" onclick="add()"/> </td> 
        </tr> 
      </table> 
    </div> 
    </body> 
    </html> 
      

  3.   

    恩，你这种方法可行，但是有一点美中不足，因为我要动态添加的那么TABLE比较大，所以你这样写会不会代码太多了
    当然，你这个已经很好了，我只想问问有没有更好一点的，比如把那个TABLE获取到，直接当成一个对象，然后在添加时直接添加这个对象就可以了，这样可以实现吗？
      

  4.   

    var table = document.createElement("table");
    var tr = table.insertRow()//tr 1
    var td = tr.insertCell()//tr 1 td 1
    td.innerHTML ="……"
    td = tr.insertCell()//tr 1 td 2
    td.innerHTML ="……"
    ……
    tr = table.insertRow()//tr 2
    td = tr.insertCell()//tr 2 td 2
    td.innerHTML ="……"
    td = tr.insertCell()//tr 2 td 2
    td.innerHTML ="……"
    ……document.getElementById("div1").appendChild(table)那就用这种模式添加