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 相关文章推荐
实现连缀调用的map方法(prototype)
Aug 05 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
Aug 12 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
Feb 27 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
May 20 Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
Aug 19 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 Javascript
Javascript的无new构建实例详解
May 15 Javascript
动态加载JavaScript文件的3种方式
May 05 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
Apr 17 Javascript
深入学习js函数的隐式参数 arguments 和 this
Jun 24 Javascript
Vue2.0 实现页面缓存和不缓存的方式
Nov 12 Javascript
浅谈JSON5解决了JSON的两大痛点
Dec 14 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
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
PHP实现递归无限级分类
2015/10/22 PHP
YII框架实现自定义第三方扩展操作示例
2019/04/26 PHP
传递参数的标准方法(jQuery.ajax)
2008/11/19 Javascript
js 操作css实现代码
2009/06/11 Javascript
用jQuery技术实现Tab页界面之二
2009/09/21 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
2012/10/11 Javascript
jquery实现导航固定顶部的效果仿蘑菇街
2014/10/22 Javascript
node.js中watch机制详解
2014/11/17 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
2016/03/06 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
2016/06/07 Javascript
JavaScript中闭包的写法和作用详解
2016/06/29 Javascript
Node.js connect ECONNREFUSED错误解决办法
2016/09/15 Javascript
9个让JavaScript调试更简单的Console命令
2016/11/14 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
2017/01/10 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
2017/03/07 Javascript
nodejs个人博客开发第六步 数据分页
2017/04/12 NodeJs
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
20170918 前端开发周报之JS前端开发必看
2017/09/18 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
2017/10/23 Javascript
JS基于递归实现网页版计算器的方法分析
2017/12/20 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
深入浅析Python中join 和 split详解(推荐)
2016/06/30 Python
Python计算开方、立方、圆周率,精确到小数点后任意位的方法
2018/07/17 Python
numpy 计算两个数组重复程度的方法
2018/11/07 Python
python 计算方位角实例(根据两点的坐标计算)
2020/01/17 Python
Python3交互式shell ipython3安装及使用详解
2020/07/11 Python
详解通过HTML5 Canvas实现图片的平移及旋转变化的方法
2016/03/22 HTML / CSS
沙特阿拉伯网上购物:Sayidaty Mall
2018/05/06 全球购物
财政专业求职信范文
2014/02/19 职场文书
单位承诺书格式
2014/05/21 职场文书
小学课外阅读总结
2014/07/09 职场文书
python中的plt.cm.Paired用法说明
2021/05/31 Python
据Python爬虫不靠谱预测可知今年双十一销售额将超过6000亿元
2021/11/11 Python
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang