removeChild和removeNode区别

xxx.removeChild(obj)   xxx是所删除节点的父节点

             刪除（並返回）當前結點的指定子結點。
             例如︰刪除文檔主體的最後一個子結點
                document.body.removeChild(document.body.lastChild);
xxx.removeNode(true)   xxx是所要删除的节点

 

注意：在火狐中不支持removeNode，只有通过object.parentNode.removeChild(object)来实现removeNode。

 

下面是个范例：

 

使用removeNode方法

<script>
function rdl_doRemove(){
var bRemoveChildren,sRemoveChildren;
with (document.all("oSelect")) sRemoveChildren=options[selectedIndex].value;
eval("bRemoveChildren="+sRemoveChildren);
document.all("oTextarea").removeNode(bRemoveChildren);
}
</script>
<textarea id=oTextarea>子对象 </textarea> <br> <br>
<table> <tr>
<td>是否删除子对象: </td>
<td> <select style="width:80px;" id=oSelect>
<option value="true">true </option>
<option value="false" selected>false </option>
</select> </td>
<td> <input type=button value=" 删除 " onclick="rdl_doRemove()"> </td>

使用removeChild方法

<script>
var i_nowwidth=320;var i_nowheight=240;
function rdl_doRemove(){
with (document.all("oParent")) {
if (children.length <1) return;
removeChild(children[0]);
}
i_nowheight=i_nowheight-15;
window.resizeTo(i_nowwidth,i_nowheight);
}
</script>


<div id=oParent>
<div>第1个子对象 </div>
<div>第2个子对象 </div>
<div> <a href="#" onclick="return false;">第3个子对象 </a> </div>
<div>第4个子对象 </div>
</div>
<br> <input type=button value=" 删除第一个子对象 " onclick="rdl_doRemove()">