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获取子元素换行会产生一个子元素,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • JS基础之undefined与null的区别分析

    JS基础之undefined与null的区别分析

    在JavaScript开发中,被人问到:null与undefined到底有啥区别?一时间不好回答,特别是undefined,因为这涉及到undefined的实现原理。
    2011-08-08
  • JavaScript点击按钮生成4位随机验证码

    JavaScript点击按钮生成4位随机验证码

    这篇文章主要为大家详细介绍了JavaScript点击按钮生成4位随机验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • JS定时刷新页面及跳转页面的方法

    JS定时刷新页面及跳转页面的方法

    这篇文章介绍了JS定时刷新页面及跳转页面的方法,有需要的朋友可以参考一下
    2013-07-07
  • JavaScript实现轮播图方法(逻辑清晰一看就懂)

    JavaScript实现轮播图方法(逻辑清晰一看就懂)

    这篇文章主要给大家介绍了关于JavaScript实现轮播图方法的相关资料,JS轮播图的实现核心是使用JavaScript来控制图片的切换和显示,配合HTML和CSS完成布局和样式设置,文中介绍的方法逻辑清晰一看就懂,需要的朋友可以参考下
    2023-12-12
  • javascript smipleChart 简单图标类

    javascript smipleChart 简单图标类

    支持 线性图 区域图 柱状图 饼图 支持多浏览器 用到的是svg vml 之后加上 多层饼图 分段图 和组合图
    2011-01-01
  • js+html实现网页五子棋

    js+html实现网页五子棋

    这篇文章主要为大家详细介绍了js+html实现网页五子棋,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • JavaScript生成二维数组的多种方法小结

    JavaScript生成二维数组的多种方法小结

    我经常在面试中问候:你能用 JavaScript 生成一个二维数组吗?这个问题看似简单,实际上却能揭示出面试者对 JavaScript 的熟练程度,天,就让我们一起来探索这个问题背后的答案,揭开生成二维数组的多种秘密,需要的朋友可以参考下
    2024-04-04
  • TS 中 never,void,unknown类型详解

    TS 中 never,void,unknown类型详解

    这篇文章主要介绍了TS 中 never,void,unknown类型详解,never 类型是 TypeScript 中的底层类型,unknown是TypeScript中比较特殊的一种类型,它用于描述类型不确定的变量,本文给大家介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • JavaScript对数字的判断与处理实例分析

    JavaScript对数字的判断与处理实例分析

    这篇文章主要介绍了JavaScript对数字的判断与处理方法,实例分析了javascript判断数字的常见方法与针对数字处理的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • js运动应用实例解析

    js运动应用实例解析

    这篇文章主要针对js运动应用进行实例解析
    2015-12-12

最新评论