IE与FF获取childNodes节点解决方法

最新推荐文章于 2021-06-22 11:57:51 发布
最新推荐文章于 2021-06-22 11:57:51 发布
阅读量212 收藏
点赞数
分类专栏： javascript 文章标签： IE 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/deng131/article/details/83840714
版权
在操作dom遇到问题，使用childNodes取得Div节点的Div子节点，IE浏览器中没有任何问题，而FF浏览器会将TEXT_NODE类型的节点同样计入子节点，这样就会操作到错误的对象。

解决方法两种：

1：通过nodeType对该列表进行了筛选，过滤出ELEMENT_NODE 类型的节点。

2：使用elem.getElementsByTagName("div"); 直接会取得Div下的div类型的标签。

节点类型nodeType：
[img]http://images.51cto.com/files/uploadimg/20100928/1537150.png[/img]
deng131
关注
专栏目录
html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...
weixin_35079144的博客
06-07 2213
$(function(){//遍历获取的input元素对象数组，绑定click事件var len = $("input[type='file']").length;for(var i = ; i < len; i++){$("input[type='file']").eq(i).click(function(){$(this).next().val("");$(this).next().hi...
IE与FireFox中的childNodes区别
09-05
Javascript中，相信大家都试过用getElementsByTagName和childNodes来实现对节点的遍历
IE和FireFox中的childNodes区别!!
蜜蜂的专栏
11-27 1612
7. childNodes获取的节点   【分析说明】childNodes的下标的含义在IE和Firefox中不同，看一下下面的代码： ul id="main">   li>1li>   li>2li>   li>3li> ul> input type=button value="click me!" onclick= "alert(docum
兼容IE与FF的childNodes问题（ff childNodes）
weixin_33809981的博客
12-14 104
js操作document时，试图使用childNodes取得Div节点的Div子节点，IE浏览器中没有任何问题， 而FF浏览器会将TEXT_NODE类型的节点同样计入子节点，这样就会操作到错误的对象。 解决方法一般有两种， 一种是使用node的nodeType属性判断结点的类型，然后进行操作。 这种方法意味着，使用var childnodelist=document.getElementById(...
firefox和ie浏览器下获取childNodes兼容性问题解决
make0739的博客
04-12 369
firefox下面，使用childNodes获取节点，它会将空格符、回车符、换行符也看做一个文本节点， 解决方案： 1.火狐下面要利用nodeType来过滤掉这些无用的节点。 [code="java"]function show(n){ var rows=[]; var one = document.getElementByIdx_x('one_1').parentNode....
【前端】通过js获取DOM的childNodes，在IE和Chrome上的区别
姜太小白的博客
05-18 414
IE是将一个完整标签作为一个节点。 Chrome除了将完整标签作为节点之外，把一个标签的结束符“>”到下一个标签的起始符“<”之间的内容（除注释外，包括任何的文字、空格、回车、制表符）也算是一个节点。 这样的话就会导致js获取childNodes在Chrome上会比IE上多。 处理办法：删除这些没用的节点 function delNode(parentNode){ var subNodes = parentNode.childNodes; for(var i = 0;i...
解决JS与jQuery获取DOM元素差异：子级、兄弟及处理FF换行问题
在IE浏览器中可能不会有误，但在FF中会多出一个文本节点（换行），导致 `b.length` 显示为4。为解决这个问题，可以编写自定义函数 `del_space` 来遍历并删除空文本节点，确保子元素的准确性。 ```javascript ...
JS获取节点的兄弟,父级,子级元素的方法
10-26
在原生JavaScript中，我们可以使用`document.getElementById()`方法获取指定ID的元素，然后通过`getElementsByTagName()`或`childNodes`属性获取该元素的子节点。但是，`childNodes`属性会将空白文本节点也包含在内...
比较全面的event对像在IE与FF中的区别 推荐
09-05
在获取窗体高度和宽度时，IE使用`document.body.offsetWidth`和`document.body.offsetHeight`，但需要注意，这种方法要求页面必须包含`<body>`标签。Firefox提供了`window.innerWidth`和`window.innerHeight`，以及`...
通过js获取DOM的childNodes，在IE和Chrome上的区别
04-17 700
区别是: IE是将一个完整标签作为一个节点。 Chrome除了将完整标签作为节点之外，把一个标签的结束符“>”到下一个标签的起始符“<”之间的内容（除注释外，包括任何的文字、空格、回车、制表符）也算是一个节点。 这样的话就会导致js获取childNodes在Chrome上会比IE上多。 处理办法：删除这些没用的节点 function delNode(parentNode){...
【深入JavaScript】DOM中childNodes在IE和非IE浏览器中的区别
weixin_30328063的博客
05-08 124
题外话：这问题遇到好多遍，每次都不记得怎么解决，这次写下来好好提醒自己。 一、问题的出现 　　在写原生Javascript时，我们会经常使用getElementsByTagName()和childNodes来实现对节点的遍历，但是getElementsByTagName()对复杂的DOM结构遍历明显不如用childNodes，因为childNodes能更好的处理DOM的层次结构。 　　但是在...
js.childNodes如何兼容
痕迹
03-12 648
oParent.childNodes是父对象下所有的直系子节点，现代浏览器（IE9及以上和chrome，firefox等）会将空文本节点涵盖，而IE8及以下的IE浏览器不会。为了兼容可以使用oParent.children,不会覆盖文本节点，只会选择元素节点。 oParent.children[0] ===firstElementChild oParent.children[oParent
不同浏览器中childNodes的个数（节点间的空白符）
张晓颜的博客
11-01 758
一、语法规则 　　1.变量必须使用字母、下划线(_)或者美元符($)开始。 　　2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。 　　3.不能使用JS关键词与保留字。
Vue获取div节点中的子节点出现的坑（childNodes, nextTick）
AzeShinja的博客
06-22 1331
今天遇到了一个比较邪门的问题，就是我在mounted中使用 var oUl = document.getElementById("tbody"); console.log(oUl.childNodes); 由图可见这是已经拿到了的一个数组， 长度为7， 但是在我编写 console.log(oUl.childNodes[0]); 的时候就变成undefined的了， 并且childNodes.length也是0 所以我就使用了 this.$nextTick (function() { .
兼容IE getElementsByClassName取标签
weixin_33884611的博客
03-06 104
　　一个朋友在某公司为某国企教育机构做网络课程。她的任务是做一些前端页面的工作，但做网络课程的要求是table布局，且得考虑ie6、7、8，不允许用jquery等框架。要知道ie是不支持className取标签的啊，如果要通过className获取标签怎么办啊。你可以通过这个方法： function getElementsByClassName(className,root,tagName)...
捕捉childNodes在不同浏览器中的差异
大猫钓鱼=^.^=
08-23 4397
 这几天开始尝试用AJAX做点小程序，在用responseXML从XML文件里取值时发现在IE与MF(Mozilla Firefox)中childNodes的表现有很大的不同。具体表现如下：首先，我写个了个XML文件（member.xml）：xml version="1.0" encoding="UTF-8"?>St_Member>MemId>10002MemId>MemNickNam
深入解析JavaScript DOM节点操作与方法
2. childNodes (存储节点的子节点列表): childNodes属性返回一个NodeList对象，包含了当前节点的所有子节点，同样也是只读的。这个属性对于遍历和操作树状结构的文档非常重要。 3. dataType (数据类型): 数据类型...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值