javascript怎样删除一个html元素?

<SCRIPT>
function fnRemove1()
{
  oTable.removeNode(true);
}
function fnRemove2()
{
   objects1.removeNode(true);
}
</SCRIPT>
<TABLE ID = oTable>
<TR>
<TD>Cell 1</TD>
<TD>Cell 2</TD>
</TR>
</TABLE>
<INPUT TYPE = text VALUE = "text"  id=objects1><br>
<INPUT TYPE = button VALUE = "删除表格" onclick = "fnRemove1()">
<INPUT TYPE = button VALUE = "删除Text" onclick = "fnRemove2()"><br>

解决方案 »

  1.   

    找到该元素的父对象,调用parentObject.removeChild方法.如果要删除的元素为elfunction removeElement(el) {
      var p = el.parentNode;
      p.removeChild(el);
    }
      

  2.   

    你可以用<div>标签，然后在JS中调用innerHTML="";用空代替这些元素即可！
      

  3.   

    removeChild更好用
    <div id="p">哑虎中国
        <div id="child" onclick="dele()">不管3721!把这个垃圾删除!</div>
    </div>
    <script>
    function dele(){
    p.removeChild(child);
    p.innerText="剩下"+p.innerText;
    }
    </script>
      

  4.   


    <html>
    <head>
    <script>

    function addNode(id){
    var obj = document.getElementById(id);
    var a = document.createElement("a");
    a.href="http://www.baidu.com";
    a.innerText = "百度一下，你就知道";
    obj.appendChild(a); 
    }

    function deleteNode(id){
    var obj = document.getElementById(id);
    var as = document.getElementsByTagName("a");
    var delelted = as[as.length-1];
    obj.removeChild(delelted);

    }
    </script>
    </head>
    <body>
    <table border=1 width=200 height=400>
     <tr>
      <td id="td"></td>
    </tr>
    <tr>
    <td>
      <td>
       <input type="button" value="增加" onclick="addNode('td')">
       <input type="button" value="减少" onclick="deleteNode('td')">
    </td>
    </tr>
    </table> </body>
    </html>