JS中用childNodes获取子元素换行会产生一个子元素

 更新时间:2016年12月08日 11:19:36   作者:小码农雯  
本文给大家分享JS中用childNodes获取子元素换行会产生一个子元素的实例代码,需要的朋友参考下

JS中用childNodes获取子元素换行会产生一个子元素

<div id='div1'>
<div id='div2'>
<div id='div3'></div>
</div>
<div class='div2'>
</div>
</div>

这样的代码

$(‘#div1').childNodes.length==>会等于 5哦

要是你把这些代码不换行你就会得到2

$('#div1').childNodes.length
5
$('#div1').childNodes
[text, div#div2, text, div.div2, text]

是的

看到没 换行就产生了一个text

但是当你

<div id='div1'><div id='div2'><div id='div3'></div></div><div class='div2'></div></div>

这样的时候

$(‘#div1').childNodes.length==>会等于 2哦

以上所述是小编给大家介绍的JS中用childNodes获取子元素换行会产生一个子元素,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 浅谈JavaScript find 方法不支持IE的问题

    浅谈JavaScript find 方法不支持IE的问题

    下面小编就为大家带来一篇浅谈JavaScript find 方法不支持IE的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • Js 获取Gridview选中行的内容操作步骤

    Js 获取Gridview选中行的内容操作步骤

    本文将介绍一下Js获取Gridview选中行的内容的过程及步骤:取得gridview中获取选中行指定列的值.获取鼠标点击的元素等等,感兴趣的朋友可以了解下,或许对你学习js方面知识有所帮助
    2013-02-02
  • javascript 文字上下间隔滚动的代码 符合WEB标准 脚本之家修正版

    javascript 文字上下间隔滚动的代码 符合WEB标准 脚本之家修正版

    javascript 文字上下间隔滚动的代码 符合WEB标准 脚本之家修正版,这里提供了两个版本,第二个在firefox下运行有些问题大家可以修改下,第一个的高度问题,已经修正,其实就是简单的加了css样式。
    2009-12-12
  • 修改源码来解决el-select值不匹配导致回显id的问题

    修改源码来解决el-select值不匹配导致回显id的问题

    el-select数据的回显是根据id去匹配值的,最近项目出现了回显id的情况,一查是没有匹配数据的问题,于是就想怎么处理(针对单选的情况),本文小编给大家介绍了用修改源码来解决el-select值不匹配导致回显id的问题,需要的朋友可以参考下
    2024-09-09
  • canvas滤镜效果实现代码

    canvas滤镜效果实现代码

    这篇文章主要为大家详细介绍了canvas滤镜效果的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Javascript函数的参数

    Javascript函数的参数

    本文给大家分享的是网易云课堂中金旭亮老师的课堂笔记,对于大家学习javascript非常有帮助,这里推荐给小伙伴们
    2015-07-07
  • 基于javascript实现tab切换特效

    基于javascript实现tab切换特效

    这篇文章主要介绍了基于javascript实现tab切换特效的相关资料,具有一定的参考价值,需要的朋友可以参考下
    2016-03-03
  • 我见过最全的个人js加解密功能页面

    我见过最全的个人js加解密功能页面

    利用js进行加解密是我们经常会遇到的一个功能,本文给大家介绍的是我目前见到的最全的个人js加解密功能页面,分享出来供大家参考学习,需要的朋友们随着小编来一起学习学习吧
    2007-12-12
  • js分页之前端代码实现和请求处理

    js分页之前端代码实现和请求处理

    这篇文章主要为大家详细介绍了js分页之前端代码实现和请求处理,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • javascrip关于继承的小例子

    javascrip关于继承的小例子

    javascrip关于继承的小例子,需要的朋友可以参考一下
    2013-05-05

最新评论