？removeNode在Firefox下不能用.用removeChild代替实现

解决IE与Firefox下节点操作差异：使用替代方法实现统一

最新推荐文章于 2022-05-25 23:08:49 发布

转载最新推荐文章于 2022-05-25 23:08:49 发布 · 995 阅读

前端开发专栏收录该内容

118 篇文章

订阅专栏

本文讨论了在不同浏览器环境下使用JavaScript操作DOM节点时遇到的兼容性问题，特别是removeNode方法在IE与Firefox之间的差异。提供了一种通用的解决方案，即使用parent.removeChild()方法来替代removeNode()，确保代码在IE和Firefox中都能正常工作。

removeNode removeChild
appendNode在IE和FIREFOX下都能正常使用,但是removeNode只能在IE下用..
removeNode方法的功能是删除一个节点，语法为node.removeNode（false）或者node.removeNode（true），
返回值是被删除的节点。removeNode（false）表示仅仅删除指定节点，然后这个节点的原孩子节点提升为
原双亲节点的孩子节点。removeNode（true）表示删除指定节点及其所有下属节点。被删除的节点成为了孤
立节点，不再具有有孩子节点和双亲节点。
function remove_good(b) {
var new_tr = b.parentNode.parentNode;
try {
//new_tr.removeNode(true);
// just ie , not w3c;

// other idea
var tmp = new_tr.parentNode;
// 为了在ie和firefox下都能正常使用,就要用另一个方法代替,最取上一层的父结点,然后remove.
tmp.removeChild(new_tr);

} catch(e) {}
}

keywords :

一、appendNode在IE和FIREFOX下都能正常使用，但是removeNode只能在IE下用。removeNode方法的功能是删除一个节点，语法为node.removeNode(false)或者node.removeNode(true)，返回值是被删除的节点。removeNode(false)表示仅仅删除指定节点，然后这个节点的原孩子节点提升为原双亲节点的孩子节点。removeNode(false)表示删除指定节点及其所有下属节点。被删除的节点成为了孤立节点，不再具有有孩子节点和双亲节点。

解决办法：
使用 object.parentNode.removeChild(object) 来删除节点。

e.g.:

function select_remove(FormName, ElementFrom, ElementTo) {
eval_r("var sFrom = FormName." +ElementFrom);
eval_r("var sTo = FormName." + ElementTo);

if(sFrom.selectedIndex >= 0){
//sTo.options.add(newOption(sFrom.options[sFrom.selectedIndex].text,sFrom.options[sFrom.selectedIndex].value));
  //sFrom.options[sFrom.selectedIndex].removeNode(true);


  //modified by tangjian,thismethod can use in ie or firefox.
  sFrom.options[sFrom.selectedIndex].parentNode.removeChild(sFrom.options[sFrom.selectedIndex]);
}


}