javascript删除节点的兼容问题。
一个删除节点的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效果一样了!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
· SQL Server统计信息更新会被阻塞或引起会话阻塞吗?
· 传国玉玺易主,ai.com竟然跳转到国产AI
· 本地部署 DeepSeek:小白也能轻松搞定!
· 自己如何在本地电脑从零搭建DeepSeek!手把手教学,快来看看! (建议收藏)
· 我们是如何解决abp身上的几个痛点
· 普通人也能轻松掌握的20个DeepSeek高频提示词(2025版)