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 相关文章推荐
JS getMonth()日期函数的值域是0-11
Feb 15 Javascript
Javascript this 的一些学习总结
Aug 31 Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 Javascript
如何屏蔽防止别的网站嵌入框架代码
Aug 24 Javascript
简介alert()与console.log()的不同
Aug 26 Javascript
JS实现的另类手风琴效果网页内容切换代码
Sep 08 Javascript
通过一个简单的例子学会vuex与模块化
Nov 22 Javascript
jQuery图片查看插件Magnify开发详解
Dec 25 jQuery
vue+axios+element ui 实现全局loading加载示例
Sep 11 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
Dec 20 Javascript
Angular7.2.7路由使用初体验
Mar 01 Javascript
一些可能会用到的Node.js面试题
Jun 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
laravel安装zend opcache加速器教程
2015/03/02 PHP
PHP自动补全表单的两种方法
2017/03/06 PHP
JavaScript 动态改变图片大小
2009/06/11 Javascript
Jquery 表单取值赋值的一些基本操作
2009/10/11 Javascript
jQuery 动态酷效果实现总结
2009/12/27 Javascript
js实现在文本框光标处添加字符的方法介绍
2012/11/24 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
2013/02/06 Javascript
javascript HTML+CSS实现经典橙色导航菜单
2016/02/16 Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
2016/02/25 Javascript
深入理解Ajax的get和post请求
2016/06/02 Javascript
BootStrap下拉框在firefox浏览器界面不友好的解决方案
2016/08/18 Javascript
js判断价格,必须为数字且不能为负数的实现方法
2016/10/07 Javascript
require、backbone等重构手机图片查看器
2016/11/17 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
2017/01/14 Javascript
JavaScript正则表达式和级联效果
2017/09/14 Javascript
AngularJS下$http服务Post方法传递json参数的实例
2018/03/29 Javascript
JS实现checkbox互斥(单选)功能示例
2019/05/04 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
Vue路由切换页面不更新问题解决方案
2020/07/10 Javascript
Python内置函数bin() oct()等实现进制转换
2012/12/30 Python
跟老齐学Python之Python安装
2014/09/12 Python
PyQt5每天必学之切换按钮
2020/08/20 Python
对Python闭包与延迟绑定的方法详解
2019/01/07 Python
在python中利用try..except来代替if..else的用法
2019/12/19 Python
Python文件读写w+和r+区别解析
2020/03/26 Python
HTML5中Canvas与SVG的画图原理比较
2013/01/16 HTML / CSS
Evisu官方网站:日本牛仔品牌,时尚街头设计风格
2016/12/30 全球购物
ABOUT YOU匈牙利:500个最受欢迎的时尚品牌
2019/07/19 全球购物
党课学习思想汇报
2014/01/02 职场文书
师范学院教师自荐书
2014/01/31 职场文书
党的群众路线教育实践活动调研报告
2014/11/03 职场文书
民主评议教师党员自我评价
2015/03/04 职场文书
阿凡达观后感
2015/06/10 职场文书
暑期社会实践新闻稿
2015/07/17 职场文书
导游词之铁岭象牙山
2019/12/06 职场文书
搞笑Gif:这么白这么长的腿像极了一楼的女朋友
2022/03/21 杂记