如何动态添加组件

本帖最后由 java2000_net 于 2008-08-05 01:13:42 编辑

解决方案 »

  1.   


    <html> 
    <head> 
    <script>
    var amount = 0;
    function addText(){
    amount++;
    div1.innerHTML += "<input type=\"text\" name=\"text" + amount + "\"/>";
    }
    </script>
    </head> 
    <body> 
    <input type="button" value="添加" onclick="addText()">
    <div id="div1">
    </div>
    </body> 
    </html>
      

  2.   


      <input type="button" onclick="show()" value="123">
     <SCRIPT LANGUAGE="JavaScript">
     function show(){
    var text=document.createElement("input");
    //text.type="text";//input 的默认type为text
    text.value="123";
    document.body.appendChild(text)
    }
     </SCRIPT>
      

  3.   

    用3楼的吧,到时候把document.body.appendChild(text)改成你要定位的父元素就好,比较容易定位,在DIV里加不好定位到你具体的页面位置
      

  4.   

    我想添加表格的一行该怎么写呢,我写" <tr><td >11  </td> <td> 22 </td> <td> 33 </td> </tr>"
     不起作用啊,页面上只显示内容,没有显示表格框框啊,如果想添加表格的一行该怎么写呢,郁闷
      

  5.   

    我想添加表格的一行该怎么写呢,我写下面的代码不起作用啊,页面上只显示11 22 33 没有显示表格框框啊,如果想在已有的表格下面动态添加一行该怎么写呢,郁闷
    <script>
    var amount = 0;
    function addText(){
        amount++;
        div1.innerHTML +=" <tr><td >11  </td> <td > 22 </td> <td > 33 </td> </tr>"
    }
    </script>
      

  6.   

    添加表格的一行
    <html> 
    <head> 
    <style>
    #table1 td{
    background-color:white;
    }
    </style>
    <script>
    function addText(){
    var a = table1.insertRow(); 
    a.id = "a" + table1.rows.length; 
    for(var i=0; i<table1.rows[0].cells.length; i++) 
    {
    var tc = a.insertCell();
    tc.innerText = "" + i;
    }
    }
    </script>
    </head> 
    <body> 
    <input type="button" value="添加" onclick="addText()">
    <table id="table1" cellpadding="1" cellspacing="1" bgcolor="black">
    <tr><td>11</td><td>22</td><td>33</td></tr>
    </table>
    </body> 
    </html>
      

  7.   

        
    var r=document.getElementById('表格id').insertRow(Rows);
     var x=r.insertCell(0);
     var y=r.insertCell(1);
     var z=r.insertCell(2); x.className='list_td';  // 设置样式
     z.className='list_td';
     y.className='list_td';
              
     x.innerHTML="内容1";
     y.innerHTML="内容2";
     z.innerHTML="内容3";