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


Posted in Javascript onDecember 08, 2016

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 相关文章推荐
广泛收集的jQuery拖放插件集合
Apr 09 Javascript
iframe里使用JavaScript控制主页转向的方法
Apr 03 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
Aug 07 Javascript
Vue组件BootPage实现简单的分页功能
Sep 12 Javascript
Node.js中看JavaScript的引用
Apr 22 Javascript
Vue的Flux框架之Vuex状态管理器
Jul 30 Javascript
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
js遍历添加栏目类添加css 再点击其它删除css【推荐】
Jun 12 Javascript
vue父组件异步获取数据传给子组件的方法
Jul 26 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
May 23 Javascript
js表达式与运算符简单操作示例
Feb 15 Javascript
JavaScript浅层克隆与深度克隆示例详解
Sep 01 Javascript
微信公众号 摇一摇周边功能开发
Dec 08 #Javascript
Vue概念及常见命令介绍(1)
Dec 08 #Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
Dec 08 #Javascript
jquery二级目录选中当前页的css样式
Dec 08 #Javascript
wap手机端解决返回上一页的js实例
Dec 08 #Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
Dec 08 #Javascript
浅析如何利用angular结合translate为项目实现国际化
Dec 08 #Javascript
You might like
PHP采集腾讯微博的实现代码
2012/01/19 PHP
PHP之APC缓存详细介绍 apc模块安装
2014/01/13 PHP
php smarty truncate UTF8乱码问题解决办法
2014/06/13 PHP
Win7环境下Apache连接MySQL提示连接已重置的解决办法
2017/05/09 PHP
laravel数据库查询结果自动转数组修改实例
2021/02/27 PHP
可兼容IE的获取及设置cookie的jquery.cookie函数方法
2013/09/02 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
2013/11/30 Javascript
javascript 实现map集合
2015/04/03 Javascript
JS实现的表头列头固定页面功能示例
2017/01/10 Javascript
jQuery实现弹窗居中效果类似alert()
2017/02/27 Javascript
JS实现微信摇一摇原理解析
2017/07/22 Javascript
vue+vux实现移动端文件上传样式
2017/07/28 Javascript
javascript实现的字符串转换成数组操作示例
2019/06/13 Javascript
vue 检测用户上传图片宽高的方法
2020/02/06 Javascript
深入理解python中的atexit模块
2017/03/07 Python
Python实现文件内容批量追加的方法示例
2017/08/29 Python
python实现堆和索引堆的代码示例
2018/03/19 Python
使用Python来开发微信功能
2018/06/13 Python
Python get获取页面cookie代码实例
2018/09/12 Python
wxPython之wx.DC绘制形状
2019/11/19 Python
Python函数调用追踪实现代码
2020/11/27 Python
Python tkinter之Bind(绑定事件)的使用示例
2021/02/05 Python
收集的22款给力的HTML5和CSS3帮助工具
2012/09/14 HTML / CSS
美国羊皮公司:Overland
2018/01/15 全球购物
日本著名的服饰鞋帽综合类购物网站:MAGASEEK
2019/01/09 全球购物
be2台湾单身男女交友:全球网路婚姻介绍的领导品牌
2019/10/11 全球购物
Oracle快照(snapshot)
2015/03/13 面试题
自动化系在校本科生求职信
2013/10/23 职场文书
实习求职信
2013/12/01 职场文书
教育专业个人求职信
2013/12/02 职场文书
大学生演讲稿
2014/04/25 职场文书
护士演讲稿优秀范文
2014/04/30 职场文书
酒店开业策划方案
2014/06/02 职场文书
建筑节能汇报材料
2014/08/22 职场文书
oracle索引总结
2021/09/25 Oracle
SpringBoot深入分析讲解监听器模式下
2022/07/15 Java/Android