children真的没有兼容性问题吗?

获取某一节点的所有子元素节点,你会用什么方法?

如果你用childNodes,那会有兼容性问题,对于标准浏览器,他包含的是元素节点和文本节点,我们还需要循环来判断节点的类型,是文本节点还是元素节点,不过这样最终也可以得到最后想要的结果。而对于ie低版本就会获得我们想要的元素子节点。

还有童鞋肯定想到了有个名是children的属性,这个方法好呀,没有兼容性问题,无论是ie低版本还是标准浏览器都会获得元素子节点,经多次测试没问题,得到的结果相同。

我记得看过一些js的视频教程,说children属性无兼容性问题,我跟同行聊天也是说无兼容性问题,认为这个属性真好。

小心!!!这个属性有时在ie6上会跟其他浏览器测试结果不一样,什么情况下不一样呢,就是有注释的时候,ie6会把这个注释也加上,如果获取children.length,加入父节点包含4个元素节点,2个注释,那么,除ie6外,其他浏览器获得的数据均为4,而ie6获得的结果是6。口说无凭,可以自己测试验证一下。

时间: 2024-12-13 05:16:20

children真的没有兼容性问题吗?的相关文章

JS的IE和Firefox兼容性

以下以 IE 代替 Internet Explorer,以 MF 代替 Mozzila Firefox 0.px的问题 obj.style.left = ”100px”; obj.style.top = ”100px”; 千万要记得写上px,否则在Firefox上面两句无效!! 1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item(”itemName”) 这样的语句,不能在 MF 下运行 (2)解决方法: 改用 do

Web前端浏览器兼容性个人经验总结

前言 浏览器兼容是前端开发人员必须掌握的一个技能,但是初入前端的同学或者其他后台web开发同学往往容易选择忽略,而形成两个极端: 我最开始都是使用IE6,IE6上没问题,其它浏览器坑爹(多出现与前端后端一起搞的同学,小生2年前就这种状态,鼓励人家用ie6....) 我要遵循标准,我只要ff就好,IE就是坑爹的玩意,我不必去理他(小生一年前的心态...) 现在看来,之前的想法都是不对的,我们诚然应该追求最新的浏览器使用最新的技术,但是渐进增强,向后兼容的思想一定要有, 因为就现在IE6在中国的份额

牛人推荐的跨浏览器兼容性总结

牛人推荐的跨浏览器兼容性总结 [复制链接]        发送短消息 UID2427精华4积分239共享分12442 威望1285 查看公共资料 搜索主题 搜索帖子 灵雨飘零  技术总监 组别管理员 生日帖子470精华4积分239共享分12442 威望1285 在线时间28275注册时间2013-11-24  1# 字体大小: t T  发表于 2013-12-26 08:27 |只看楼主 一. CSS样式兼容 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多

浏览器的兼容性问题

1. 默认的内外边距不同 问题: 各个浏览器默认的内外边距不同 解决: *{margin:0;padding:0;} 2. 水平居中的问题 问题: 设置 text-align: center ie6-7文本居中,嵌套的块元素也会居中 ff /opera /safari /ie8文本会居中,嵌套块不会居中 解决: 块元素设置 1.margin-left:auto;margin-right:auto 2.margin:0 auto; 3.<div align=”center”></div&g

CSS兼容性常见问题总结

DIV+CSS设计IE6.IE7.FF 兼容性 DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容. 什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候会很恼火,刚修复了这个浏

你真的会用Gson吗?Gson使用指南(3)

原文出处: 怪盗kidou 注:此系列基于Gson 2.4. 本次的主要内容: 字段过滤的几种方法 基于@Expose注解 基于版本 基于访问修饰符 基于策略(作者最常用) POJO与JSON的字段映射规则 一.字段过滤的几种方法 字段过滤Gson中比较常用的技巧,特别是在Android中,在处理业务逻辑时可能需要在设置的POJO中加入一些字段,但显然在序列化的过程中是不需要的,并且如果序列化还可能带来一个问题就是 循环引用 ,那么在用Gson序列化之前为不防止这样的事件情发生,你不得不作另外的

兼容性的各种小问题

1. 默认的内外边距不同 问题: 各个浏览器默认的内外边距不同 解决: *{margin:0;padding:0;} 2. 水平居中的问题 问题: 设置 text-align: center ie6-7文本居中,嵌套的块元素也会居中 ff /opera /safari /ie8文本会居中,嵌套块不会居中 解决: 块元素设置 1.margin-left:auto;margin-right:auto 2.margin:0 auto; 3.<div align=”center”></div&g

Javascript的IE跟Firefox(火狐)兼容性-转

Javascript的IE和Firefox(火狐)兼容性-转 em 问题(1)现有问题:现有代码中存在许多 documenem("itemName") 这样的语句,不能在Firefox(火狐)下运行(2)解决方法:改用 document.formName.elements["elementName"](3)其它参见 2 2. 集合类对象问题(1)现有问题:现有代码中许多集合类对象取用时使用 (),IE 能接受,Firefox(火狐)不能.(2)解决方法:改用 []

原生javascript兼容性问题

1.获取样式表里面的width,border color 之类的css(不是行间) 主要是IE6-7支持currentStyle,标准浏览器支持getComputedStyle; 实例:封装函数 复制代码代码如下: function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; } else{ return getComputedStyle(obj,false)[name]; } } 调用:get