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的智能提示插件一枚
Feb 18 Javascript
Safari5中alert的无限循环BUG
Apr 07 Javascript
JavaScript 用Node.js写Shell脚本[译]
Sep 20 Javascript
jQuery获取Select选择的Text和Value(详细汇总)
Jan 25 Javascript
点击进行复制的JS代码实例
Aug 23 Javascript
javascript实现了照片拖拽点击置顶的照片墙代码
Apr 03 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
Sep 09 Javascript
JS拉起或下载app的实现代码
Feb 22 Javascript
Vue组件全局注册实现警告框的实例详解
Jun 11 Javascript
jQuery实现table表格checkbox全选的方法分析
Jul 04 jQuery
使用webpack将ES6转化ES5的实现方法
Oct 13 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
Oct 15 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模板引擎SMARTY
2006/10/09 PHP
一个简单的PHP验证码实现代码
2014/05/10 PHP
PHP中的socket_read和socket_recv区别详解
2015/02/09 PHP
微信公众平台之快递查询功能用法实例
2015/04/14 PHP
两个比较有用的Javascript工具函数代码
2010/02/17 Javascript
Jquery 的扩展方法总结
2011/10/01 Javascript
基于豆瓣API+Angular开发的web App
2015/01/02 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
2015/03/11 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
ECMAScript6轮播图实践知识总结
2016/08/17 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
vue2.X组件学习心得(新手必看篇)
2017/07/05 Javascript
如何编写一个完整的Angular4 FormText 组件
2017/11/18 Javascript
微信小程序网络封装(简单高效)
2018/08/06 Javascript
vue服务端渲染缓存应用详解
2018/09/12 Javascript
npm 常用命令详解(小结)
2019/01/17 Javascript
python计算程序开始到程序结束的运行时间和程序运行的CPU时间
2013/11/28 Python
Python基于scrapy采集数据时使用代理服务器的方法
2015/04/16 Python
Python使用poplib模块和smtplib模块收发电子邮件的教程
2016/07/02 Python
详解Python的三种可变参数
2019/05/08 Python
手把手教你pycharm专业版安装破解教程(linux版)
2019/09/26 Python
使用Python脚本从文件读取数据代码实例
2020/01/19 Python
python os.listdir()乱码解决方案
2021/01/31 Python
CSS3 animation实现简易幻灯片轮播特效
2016/09/27 HTML / CSS
纯CSS3实现鼠标滑过按钮动画第二节
2020/07/16 HTML / CSS
澳大利亚自然和有机的健康美容产品一站式商店:Ziani Beauty
2017/12/28 全球购物
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
巴西宠物商店:Cobasi
2019/04/19 全球购物
巴西香水和化妆品购物网站:The Beauty Box
2019/09/03 全球购物
采购内勤岗位职责
2013/12/10 职场文书
运动会通讯稿100字
2014/01/31 职场文书
激励口号大全
2014/06/17 职场文书
政风行风评议心得体会
2014/10/21 职场文书
军人离婚协议书样本
2014/10/21 职场文书
《刺客之王:C罗全景传记》:时代从来不会亏待手艺人
2019/11/28 职场文书
Javascript使用integrity属性进行安全验证
2021/11/07 Javascript