javascript删除节点的兼容问题。
2010-07-22 14:41
417 查看
一个删除节点的JS,在IE中删除最后一个节点没有问题,但在firefox中每次点了删除后不会删除,再点一次才能删除。
<html>
<head>
<title>删除元素 Javascript RemoveChild</title>
<script type="text/javascript">
function delNode(){
var para = document.getElementById("delUl");
var paraLen = para.getElementsByTagName("li").length;
if(paraLen>0)
{
para.removeChild(para.lastChild);
}else{
alert("没有了!");
}
}
</script>
</head>
<body>
<ul id="delUl">
<li>list1</li>
<li>list2</li>
<li>list3</li>
<li>list4</li>
<li>list5</li>
</ul>
<input type="button" value="Delete" onclick="delNode();" />
</body>
</html>
改为:
function delNode(){
var para = document.getElementById("delUl");
var paraLen = para.getElementsByTagName("li").length;
if(paraLen>0)
{
//while用于支持firefox,由于Firefox认为这里的lastChild是文本节点,直接removeChild(para.lastChild)不起作用
while(para.lastChild && para.lastChild.nodeType == 3)
{
para.removeChild(para.lastChild);
}
para.removeChild(para.lastChild);
//另一种更简便的方法:lastElementChild只支持Firefox
//para.removeChild(para.lastElementChild ? para.lastElementChild : para.lastChild);
}else{
alert("没有了!");
para.removeChild(para.lastChild);
}
这样IE和Firefox效果一样了!
<html>
<head>
<title>删除元素 Javascript RemoveChild</title>
<script type="text/javascript">
function delNode(){
var para = document.getElementById("delUl");
var paraLen = para.getElementsByTagName("li").length;
if(paraLen>0)
{
para.removeChild(para.lastChild);
}else{
alert("没有了!");
}
}
</script>
</head>
<body>
<ul id="delUl">
<li>list1</li>
<li>list2</li>
<li>list3</li>
<li>list4</li>
<li>list5</li>
</ul>
<input type="button" value="Delete" onclick="delNode();" />
</body>
</html>
改为:
function delNode(){
var para = document.getElementById("delUl");
var paraLen = para.getElementsByTagName("li").length;
if(paraLen>0)
{
//while用于支持firefox,由于Firefox认为这里的lastChild是文本节点,直接removeChild(para.lastChild)不起作用
while(para.lastChild && para.lastChild.nodeType == 3)
{
para.removeChild(para.lastChild);
}
para.removeChild(para.lastChild);
//另一种更简便的方法:lastElementChild只支持Firefox
//para.removeChild(para.lastElementChild ? para.lastElementChild : para.lastChild);
}else{
alert("没有了!");
para.removeChild(para.lastChild);
}
这样IE和Firefox效果一样了!
相关文章推荐
- javascript删除节点的兼容问题。
- javascript下有关dom以及xml节点访问兼容问题
- javascript下有关dom以及xml节点访问兼容问题
- javascript兼容添加与删除事件监听
- SpriteBuilder中使用Node类型的ccb动画节点删除时崩溃的问题
- 用JavaScript解决Placeholder的IE8兼容问题
- JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
- JavaScript的常见兼容问题及相关解决办法chrome IE firefox
- IE和firefox 兼容问题及javascript应用代码 (搜集)
- IE与FireFox的JavaScript兼容问题解决办法
- 多浏览器兼容的Javascript读取XML节点方法
- javascript之常见兼容问题
- javascript中数组元素删除问题的讨论
- 单链表节点删除问题
- JavaScript中浏览器兼容问题的写法小议
- javascript删除一个html元素节点的方法
- javascript实现动态增加删除表格行(兼容IE/FF)
- 【问题描述】1.创建单链表;2.然后删除重复的节点 ?
- 删除javascript所创建的的子节点
- IE与Firefox的几个javascript兼容问题及解决