<script type="text/javascript" language="javascript">
var name=document.getElementById("name").value;var list=document.getElementById("sortlist");
function add()
{
var tr=document.createElement("tr");
tr.setAtrribute("id",name);var td=document.createElement("td");
td.appendChild(document.createTextNode(name));
tr.appendChild(td);td=document.createElement("td");
var btn=document.createElement("input");
btn.setAttribute("type","submit");
btn.setAttribute("value","删除");
btn.onclick=function{dele(name);};td.appendChild(btn);
tr.appendChild(tr);list.appendChild(tr);document.getElementById("name").value="";
}function dele(id)
{
var nm=document.getElementById(id);
list.removeChild(nm);
}
</script><body>
<table width="306" height="16" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><input name="name" type="text" id="name" /></td>
    <td><input type="submit" name="Submit" value="提交"  onclick="add();"/></td>
  </tr>
  <tbody id="sortlist"></tbody>
</table>
</body>动态生成表格并且显示信息时提示缺少对象
哪位能够看看是哪里出错了
小弟是菜鸟
刚学习这个

解决方案 »

  1.   

    用的着这样麻烦哦
    直接FOR打出来
      

  2.   

    tbody的位置放的有问题。<table width="306" height="16" border="0" align="center" cellpadding="0" cellspacing="0"> 
    <tbody id="sortlist"> 
      <tr> 
        <td> <input name="name" type="text" id="name" /> </td> 
        <td> <input type="submit" name="Submit" value="提交"  onclick="add();"/> </td> 
      </tr> 
      </tbody> 
    </table> 
      

  3.   

    2楼对的,js生成table时候还要加个tbody节点否则会报错。
      

  4.   

    td.appendChild(btn); 
    tr.appendChild(td); 
      

  5.   

    你再给table 添加 td |tr 的时候需要先添加一个Tbody在Body中然后再继续添加td |tr