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 相关文章推荐
javascript encodeURI和encodeURIComponent的比较
Apr 03 Javascript
什么是 AngularJS?AngularJS简介
Dec 06 Javascript
js实现同一页面多个不同运动效果的方法
Apr 10 Javascript
简介AngularJS的HTML DOM支持情况
Jun 17 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
Dec 16 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
May 17 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 Javascript
Vue实现动态显示textarea剩余字数
May 22 Javascript
jquery dataTable 后台加载数据并分页实例代码
Jun 07 jQuery
jQuery鼠标移动图片上实现放大效果
Jun 25 jQuery
初探Vue3.0 中的一大亮点Proxy的使用
Dec 06 Javascript
vue3中轻松实现switch功能组件的全过程
Jan 07 Vue.js
微信公众号 摇一摇周边功能开发
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防止form重复提交的方法
2013/07/01 PHP
php打开文件fopen函数的使用说明
2013/07/05 PHP
PHP中time(),date(),mktime()区别介绍
2013/09/28 PHP
Laravel 5框架学习之用户认证
2015/04/09 PHP
[原创]PHP实现生成vcf vcard文件功能类定义与使用方法详解【附demo源码下载】
2017/09/02 PHP
PHP折半(二分)查找算法实例分析
2018/05/12 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
静态页面的值传递(三部曲)
2006/09/25 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
2011/07/04 Javascript
基于javascipt-dom编程 table对象的使用
2013/04/22 Javascript
javascript遍历控件实例详细解析
2014/01/10 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
2015/12/01 Javascript
BootStrap树状图显示功能
2016/11/24 Javascript
浅析上传头像示例及其注意事项
2016/12/14 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
2017/03/14 Javascript
JavaScript之面向对象_动力节点Java学院整理
2017/06/29 Javascript
JavaScript插件Tab选项卡效果
2017/11/14 Javascript
vue-star评星组件开发实例
2018/03/01 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
2020/08/21 Javascript
快速了解Node中的Stream流是什么
2019/02/13 Javascript
python根据时间生成mongodb的ObjectId的方法
2015/03/13 Python
python遍历目录的方法小结
2016/04/28 Python
python数据库编程 ODBC方式实现通讯录
2020/03/27 Python
10个很棒的 CSS3 开发工具 推荐
2011/05/16 HTML / CSS
计算机操作自荐信
2013/12/07 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
2014年员工工作总结范文
2014/11/18 职场文书
党员个人自我评价
2015/03/03 职场文书
表扬信格式模板
2015/05/05 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
保护动物的宣传语
2015/07/13 职场文书
教师个人工作总结范文2015
2015/10/14 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
话题作文之学会尊重
2019/12/16 职场文书
基于Redis过期事件实现订单超时取消
2021/05/08 Redis
详解CSS伪元素的妙用单标签之美
2021/05/25 HTML / CSS