js获取元素下的第一级子元素的方法(推荐)


Posted in Javascript onMarch 05, 2017

js childnodes获取的是所有的子元素,而我们实际要获取第一级子元素。

function getChildren(obj){
  var objChild = [] ;
  var objs = obj.getElementsByTagName('*');
  for(var i=0,j=objs.length; i<j;++i){
    if(objs[i].nodeType != 1){alert(objs[i].nodeType);
      continue ;
    }
    var temp = objs[i].parentNode;
    if(temp.nodeType == 1){
      if(temp == obj){
        objChild[objChild.length] = objs[i] ;
      }
    }else if(temp.parentNode == obj){
      objChild[objChild.length] = objs[i] ;
    }
  }
  return objChild ;
}

以上这篇js获取元素下的第一级子元素的方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 未结束的字符串常量常见解决方法
Jan 24 Javascript
理解Javascript_07_理解instanceof实现原理
Oct 15 Javascript
基于Jquery实现的一个图片滚动切换
Jun 21 Javascript
angularjs中的e2e测试实例
Dec 06 Javascript
精通JavaScript的this关键字
May 28 Javascript
javascript如何定义对象数组
Jun 07 Javascript
全面接触神奇的Bootstrap导航条实战篇
Aug 01 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
Dec 08 Javascript
JavaScript比较两个数组的内容是否相同(推荐)
May 02 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
Dec 11 Javascript
解决vue-router中的query动态传参问题
Mar 20 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
Bootstrap模态框案例解析
Mar 05 #Javascript
video.js使用改变ui过程
Mar 05 #Javascript
Angular开发者指南之入门介绍
Mar 05 #Javascript
JavaScript自定义文本框光标
Mar 05 #Javascript
Node.js数据库操作之查询MySQL数据库(二)
Mar 04 #Javascript
Node.js数据库操作之连接MySQL数据库(一)
Mar 04 #Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
Mar 04 #Javascript
You might like
Linux Apache PHP Oracle 安装配置(具体操作步骤)
2013/06/17 PHP
解密ThinkPHP3.1.2版本之模块和操作映射
2014/06/19 PHP
Yii2中Restful API原理实例分析
2016/07/25 PHP
PHP使用递归算法无限遍历数组示例
2017/01/13 PHP
thinkphp修改配置进入默认首页的方法
2017/02/07 PHP
PHP实现登录验证码校验功能
2018/05/17 PHP
PHP 访问数据库配置通用方法(json)
2018/05/20 PHP
基于JQuery的一句代码实现表格的简单筛选
2010/07/26 Javascript
JavaScript之IE的fireEvent方法详细解析
2013/11/20 Javascript
Node.js中的事件驱动编程详解
2014/08/16 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
JavaScript常用的弹出广告及背投广告实现方法
2015/02/06 Javascript
基于原生JS实现图片裁剪
2016/08/01 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
2017/01/22 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
JS实现移动端点击按钮复制文本内容
2019/07/28 Javascript
原生javascript如何实现共享onload事件
2020/07/03 Javascript
vue实现简单加法计算器
2020/10/22 Javascript
在Python中封装GObject模块进行图形化程序编程的教程
2015/04/14 Python
python实现带错误处理功能的远程文件读取方法
2015/04/29 Python
python连接字符串的方法小结
2015/07/13 Python
利用Python为iOS10生成图标和截屏
2016/09/24 Python
Python利用turtle库绘制彩虹代码示例
2017/12/20 Python
对python数据切割归并算法的实例讲解
2018/12/12 Python
python使用PIL实现多张图片垂直合并
2019/01/15 Python
Python中如何导入类示例详解
2019/04/17 Python
100行Python代码实现每天不同时间段定时给女友发消息
2019/09/27 Python
django商品分类及商品数据建模实例详解
2020/01/03 Python
Django QuerySet查询集原理及代码实例
2020/06/13 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
HTML5中5个简单实用的API
2014/04/28 HTML / CSS
HTML5学习笔记之History API
2015/02/26 HTML / CSS
shell程序中如何注释
2012/01/28 面试题
财务年终工作总结大全
2019/06/20 职场文书
详解CSS3浏览器兼容
2022/12/24 HTML / CSS
postgresql之greenplum字符串去重拼接方式
2023/05/08 PostgreSQL