FF 与 IE 操作 DOM 的一点小问题

最新推荐文章于 2022-08-07 15:31:14 发布
最新推荐文章于 2022-08-07 15:31:14 发布
阅读量832 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： ie div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/slawdan/article/details/1559512
本文介绍了在使用DOM时需要注意的两点重要技巧：一是推荐使用parentNode而非parentElement；二是针对不同浏览器（如Firefox与Internet Explorer）处理childNodes长度差异的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. parentElement 应改用 parentNode
2. 对childNodes循环的时候，FF下要注意childNodes可能是空节点的情况 。每两个节点之间就有一个空节点
    示例：
    <div id="divParent">
        <div id="divChild1"></div>
        <div id="divChild2"></div>
    </div>

    对IE , divParent.childNodes.length == 2 , 对 FF , divParent.childNodes.length == 3 ，中间多了一个空元素节点

其他待续

JS IE和FF兼容性问题汇总
11-30
JavaScript（JS）在不同的浏览器，特别是Internet Explorer（IE）和Firefox（FF）之间存在一些兼容性问题，这主要是由于它们对DOM（文档对象模型）和事件处理方式的实现差异。以下是一些主要的问题及解决方案： 1. ...
IE与FireFox的兼容性问题分析
10-30
通过对IE与Firefox在事件处理、元素属性、DOM操作以及CSS样式等方面的不同之处进行详细分析，我们可以发现，尽管这两种浏览器在很多方面都有所差异，但还是存在一些共通的解决方案。对于开发者来说，掌握这些基本的...
由一个小Bug推及ie及ff的dom元素差异
weixin_30613727的博客
12-21 95
如何获取DOM中当前获取焦点的元素 　　由于底层库的数据传递的做法，是当Input、TextArea这样的输入库失去焦点时候更新数据到Data对象。 于是产生了这样一个bug。当用户输入一些内容，然后点击DataInput组件的时间选择框时，前面的Input并没有失去焦点。 所以为了解决这个bug，理所当然想到把焦点放到DataInput组件上， $("#DateInp...
FF和IE之间DOM的区别
iteye_14486的博客
07-29 217
1.向表中追加行：    IE\FF:IE允许tr元素增加到tbody中，而不是直接增加到table中 &lt;table id="myTable"&gt; &lt;tbody id="myTableBody"&gt;&lt;/tbody&gt; &lt;/table&gt; var cell=document.createElement("td").appendChild(
IE与FF对 DOM节点类型的部分不同
加俊
12-05 263
万维网联盟（W3C）定义HTML DOM 标准节点有以下几种 () 类型 值 说明   ELEMENT_NODE  1 元素节点 * ATTRIBUTE_NODE     2 属性节点 * TEXT_NODE   3 文本节点 * CDATA_SECTION_NODE 4 CDATA 区段   ...
ie与ff兼容问题
chummyhe89的专栏
06-03 1093
ie和火狐兼容问题 1. document.form.item 问题 (1)现有问题： 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在Firefox(火狐)下运行 (2)解决方法： 改用 document.formName.elements["elementName"] 2. 集合类对象问题 (1)现有问题：
BOM与DOM
weixin_47432345的博客
08-07 5819
DOM 与 BOM 详解
IE6升级到IE11兼容性问题和操作手册
dkh_321的博客
10-17 2471
IE6升级到IE11兼容性问题和操作手册 2015/3/2 Bob Liu 目录 概述... 2 第一章：HTML. 3 第一节：IE7-IE8更新... 3 1.    如果缺少结束标记的 P 元素后跟 TABLE、FORM、NOFRAMES 或 NOSCRIPT 元素，会自动添加结束标记。     3 2.    支持格式正确的有效标记，不再支持格式错误的 HT
JavaScript操作DOM的那些坑
一刹那的永恒的专栏
08-10 802
js在操作DOM中存在着许多跨浏览器方面的坑，本文花了我将近一周的时间整理，我将根据实例整理那些大大小小的“坑”。 DOM的工作模式是：先加载文档的静态内容、再以动态方式对它们进行刷新，动态刷新不影响文档的静态内容。 PS：IE 中的所有 DOM 对象都是以 COM 对象的形式实现的，这意味着 IE 中的 DOM可能会和其他浏览器有一定的差异。 Node 接口
揭露DOM操作以及性能优化
NINE-NINE的博客
06-09 1421
揭露DOM操作以及性能优化
ie与火狐中常见的一些兼容问题
tiao321的专栏
12-06 1461
1. document.form.item 问题 (1)现有问题： 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在Firefox(火狐)下运行 (2)解决方法： 改用 document.formName.elements["elementName"] 2. 集合类对象问题 (1)现有问题： 现有代码中许多集合
FF与IE兼容性问题全解析：统一编码与技巧
本文档主要针对Firefox (FF)和Internet Explorer (IE)浏览器之间的兼容性问题进行总结，探讨了两者在JavaScript编程中的差异，以便开发人员在开发跨浏览器应用时能够更好地理解和处理这些问题。 1. 元素访问方式: ...
js在Firefox与IE中对DOM对像的引用的比较
12-01
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 代码如上，在FF和IE下均无效，记得以前在网上看过有人用NAME去引用，不知是自己记错了还是什么。 3.使用getElementById(),getElementsByName(),...
IE与FF下javascript获取网页及窗口大小的区别详解
10-26
特别是当涉及旧版的Internet Explorer（IE）和较新的Firefox（FF）时，问题尤为突出。本文将详细解释在IE和FF下获取网页及窗口大小的区别，并提供相应的解决方案。 首先，我们需要了解浏览器渲染页面时使用的DOM...
ASP下Ajax的GB2312编码问题
Lazy working,keep walking.
04-12 1233
被编码问题困扰了1天了，找到了几个解决方案，虽然问题没有最终解决，但可以为以后编写ajax应用提供一些参考。  废话少说，先简要描述一下问题所在：JS 内部使用UTF-8 编码，本身js用GB2312书写。ASP 输出使用GB2312，Codepage = 936JS -> ASP ，escape后的程序以utf-8编码发送给asp，asp端必须进行编码转换。ASP -
动态增删文本框
Lazy working,keep walking.
03-16 894
一个QQ群里的朋友问怎么动态增加和删除表单的文本框，here is the code ……顺手贴上来 html>head>head>body>script>...var n=0;//计数器function addRow()...{    //添加行    n++;//计数器++，用来做唯一的标识    var tempNode = document.createElement("div
转化问题学生的六种激励法.doc
最新发布
08-10
转化问题学生的六种激励法.doc
一个基于Java编写的聊天软件，支持好友列表，窗口多开，JSP Web注册账户 分Client端和Server端
08-10
一个基于Java编写的聊天软件，支持好友列表，窗口多开，JSP Web注册账户。分Client端和Server端。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值