js.childNodes如何兼容

最新推荐文章于 2020-08-19 00:25:01 发布

TomZ108

最新推荐文章于 2020-08-19 00:25:01 发布

阅读量640

点赞数

分类专栏： web开发

本文链接：https://blog.csdn.net/qq_37522454/article/details/61651246

版权

web开发专栏收录该内容

13 篇文章 0 订阅

订阅专栏

oParent.childNodes是父对象下所有的直系子节点，现代浏览器（IE9及以上和chrome，firefox等）会将空文本节点涵盖，而IE8及以下的IE浏览器不会。为了兼容可以使用oParent.children,不会覆盖文本节点，只会选择元素节点。

oParent.children[0] ===firstElementChild

oParent.children[oParent.children.length - 1] ===lastElementChild

下一问题js.获取样式的兼容

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

TomZ108

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JS中的childNodes的兼容性问题

前端小菜鸟<(￣ˇ￣)/

10-31

1790

在DOM中每个节点都有一个childNodes属性，里面有一个NodeList的对象。它是一种类数组的对象，用于保存一组有序的节点，可以通过位置来访问这些节点。他是有length属性的，但不是Array的实例。那么怎么把他们变为数组呢？可以参考argument对象，使用Array.prototype.slice（）方法。但是在IE8及更早版本的浏览器的情况下，是需要手动枚举所有成员。下面记录一下通

childNodes的兼容性问题

weixin_33963189的博客

09-04

155

元素.childNodes：只读属性子节点列表集合标准浏览器下：包含文本和元素类型节点，也会包含非法嵌套的子节点非标准浏览器下：只包含元素类型节点，ie7下不会包含非法嵌套的子节点 childNodes只包含一级子节点，不包含后辈孙级节点我们来看例子： <!DOCTYPE HTML> <html> <head> <met...

参与评论您还未登录，请先登录后发表或查看评论

firefox和ie浏览器下获取childNodes兼容性问题解决

make0739的博客

04-12

360

firefox下面，使用childNodes获取节点，它会将空格符、回车符、换行符也看做一个文本节点，解决方案： 1.火狐下面要利用nodeType来过滤掉这些无用的节点。 [code="java"]function show(n){ var rows=[]; var one = document.getElementByIdx_x('one_1').parentNode....

js DOM 慎用firstChild和lastChild

王先森的博客

11-13

4575

在确定某个元素下的firstChild和lastChild元素类型时，不要根据我们的想法认为他是什么元素类型。例： 1.<div id="div1"> <div id="div2"></div> </div> <script> var oDiv=document.getElementById("div1"); var oDiv2=document.getElementB

标准与非标准浏览器下childNodes与children兼容性问题

02-26

210

childNodes与children同样是访问子节点，但是却又各有不同。标准浏览器和非标准浏览器下获取childNodes时各有不同Chrome、Firefox、IE9+等标准浏览器下，使用childNodes获取节点，它会将空格符、回车符、换行符也看做一个文本节点，而IE8及以下，则会无视空格、回车符。如下代码： <ul id="ul1"> &lt...

前端项目-videojs-thumbnails.zip

09-03

video.js支持多种视频格式，并且有着良好的浏览器兼容性，包括桌面和移动设备。二、videojs-thumbnails插件介绍 `videojs-thumbnails`是专门为video.js设计的一个插件，它的主要功能是在视频播放器的进度条下方...

JS中出现的兼容性问题的总结.pdf

07-08

接下来，将详细总结一些在JS中常见的兼容性问题及其解决方法。 1. 获取行外样式（CSS）问题：通常情况下，我们可以通过JavaScript的style属性获取元素的内联样式，但对于行外样式（即通过CSS样式表设置的样式），...

JS实现兼容各浏览器解析XML文档数据的方法

10-24

在JS实现兼容各浏览器解析XML文档数据的方法中，首先介绍了一种使用JavaScript解析XML文档的方法。JavaScript是浏览器内置的脚本语言，它可以直接操作DOM，因此可以用来解析XML文档。具体做法是，首先使用...

编写跨浏览器的javascript代码必备[js多浏览器兼容写法]

10-30

编写跨浏览器兼容的JavaScript代码是前端开发者必须掌握的技能，由于不同浏览器对JavaScript的解析和支持程度不一致，导致开发者在编写代码时必须考虑浏览器之间的差异性，以确保代码在不同的浏览器环境中都能正常...

js浏览器兼容手册OSOS.pdf

08-04

JavaScript是Web开发中不可或缺的一部分，但在不同的浏览器之间，其实现可能存在差异，这导致了兼容性问题。本手册主要关注JavaScript在Internet Explorer（IE）和Firefox（FF）中的兼容性问题及解决方案。 1. `...

ExtJS更新内部字段值报错 Uncaught TypeError: Cannot read property 'childNodes' of null

walle的博客

08-10

2719

for (var col in extjs_row[_row_id]) { var t_val = extjs_row[_row_id][col]; store.getAt(row_index).set(col, t_val); } 当extjs_row中某个字段值为null时，会报错： Uncaught TypeError: Cannot read pro...

不同浏览器中childNodes的个数（节点间的空白符）

张晓颜的博客

11-01

742

一、语法规则　　1.变量必须使用字母、下划线(_)或者美元符($)开始。　　2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。　　3.不能使用JS关键词与保留字。

JS兼容性问题总结——持续更新

luoyooi的博客

08-19

204

JS兼容性问题总结 DOM获取子元素问题描述 childNodes、firstChild、lastChild会获取包括文本节点在内的所有子节点，但是在IE8及以下的浏览器中，不会把文本节点算作子节点。解决方案如果不需要文本节点，使用带Element的属性或方法获取对象。获取元素的当前CSS样式问题描述 currentStyle能读取元素正在显示的样式，但只能在IE中使用。在其他浏览器中，可以使用window.getComputedStyle()方法获取元素正在显示的样式。 currentStyle

JS childNodes属性和想象中不一样，空白节点的处理

人在江湖

06-20

2375

关于childNodes属性 childNodes返回的是所有的孩子节点，但是当我实际尝试的时候发现，孩子节点的长度并不是我想要的那样，于是我便展开了探索示例代码： html 部分 &lt;ul id="imagegallery"&gt; &lt;li&gt;&lt;a id="picture1" href="im

通过js获取DOM的childNodes，在IE和Chrome上的区别

04-17

661

区别是: IE是将一个完整标签作为一个节点。 Chrome除了将完整标签作为节点之外，把一个标签的结束符“>”到下一个标签的起始符“<”之间的内容（除注释外，包括任何的文字、空格、回车、制表符）也算是一个节点。这样的话就会导致js获取childNodes在Chrome上会比IE上多。处理办法：删除这些没用的节点 function delNode(parentNode){...

FNBJ-7 行: 719 错误: 无法获取未定义或 null 引用的属性“childNodes”

路漫漫修远兮

05-03

8289

点击【是】用IE自带的开发者工具进行调试。如果是jquery库报错推断后台初始化前台控件逻辑存在问题这种情况需要百度 url 解码转义后根据项目业务分析问题所在我所遇到的项目比较老，svn迁移了几次原先的日志都已经查询不到。页面报的错误，在报错页面并有这个ID的控件。注释对应引用此控件的ID即可。

JS中使用childnodes得到当前元素子节点异常的问题

weixin_43286092的博客

09-21

821

js子节点children和childnodes的用法想要获取子节点的数量，有几种办法。 childNodes 它会把空的文本节点当成节点， <div id="ti"> <ul><li onclick="add('text1',this)">房产</li> <li onclick="add('text2',this)">家居<...