js 如何删除div中动态添加的td

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
 <style>
 #id{
  width:50px;
  height:20px;
 }
 </style>
  <TITLE> Delete </TITLE>
  <script>function  del()
{
    alert(document.getElementById('td'));//这里如何取到td对象 当我的 td不是动态加载的 而是原来就在div中时这方法可以持行删除，现在为什么不能删除了？请高手指点....    document.getElementById('td').innerHTML="";
}
function add()
{
document.getElementById('div').innerHTML="<td id='td'>这里是动态添加到td中的内容</td>"
}
  </script>
 </HEAD> <BODY>
<input type='button' name='add' value='添加动态td到div中的td' onclick="add()"/><input type='button' name='del' value='删除div中的动态td' onclick="del()"/><div id='div'></div></table>
 </div>
 </BODY>
</HTML> 

解决方案 »

  1.   

    哥 在线等啊 csdn里面的 js高手啊 快来啊
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
     <style>
     #id{
      width:50px;
      height:20px;
     }
     </style>
      <TITLE> Delete </TITLE>
      <script>function del()
    {
      alert(document.getElementById('td'));//这里如何取到td对象 当我的 td不是动态加载的 而是原来就在div中时这方法可以持行删除，现在为什么不能删除了？请高手指点....  document.getElementById('td').innerHTML="123";
    }
    function add()
    {
    document.getElementById('div').innerHTML="<table><tr><td id='td'>这里是动态添加到td中的内容</td></tr></table>"
    }
      </script>
     </HEAD> <BODY>
    <input type='button' name='add' value='添加动态td到div中的td' onclick="add()"/><input type='button' name='del' value='删除div中的动态td' onclick="del()"/><div id='div'></div></table>
     </div>
     </BODY>
    </HTML>
      

  3.   

    function yichu(){
    var youTable = document.getElementById("youTable");
    var youTd = document.getElementsByTagName("youTd");

    youTable.parentNode.removeChild(youTd); }
      

  4.   

    function yichutd(){
    var std = document.getElementById("myTd"); std.parentNode.removeChild(std); }
    ---
    <table id="myTab" border=1>
    <tr>
    <td>1</td>
    <td id="myTd">2</td>
    <td>3</td>
    </tr>
    </table>
      

  5.   


    <script>
    //汗，你还想通过document.getElementById('td')去获取<td>标签啊？
    //建议你去翻下document.getElementById的说明
    function del()
    {
      document.getElementById('div').innerHTML="";//看好了，跟下面add方法其实一样，除了赋值不同
    }
    function add()
    {
    document.getElementById('div').innerHTML="<table><tr><td id='td'>这里是动态添加到td中的内容</td></tr></table>"
    }
    </script>