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 10 Javascript
JavaScript-世界上误解最深的语言分析
Aug 12 Javascript
JavaScript类型转换方法及需要注意的问题小结(挺全面)
Nov 11 Javascript
jQuery的each终止或跳过示例代码
Dec 12 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
Mar 04 Javascript
详解vue项目构建与实战
Jun 27 Javascript
React-Native 组件之 Modal的使用详解
Aug 08 Javascript
Vue2.0 实现移动端图片上传功能
May 30 Javascript
JavaScript实现多态和继承的封装操作示例
Aug 20 Javascript
vue(2.x,3.0)配置跨域代理
Nov 27 Javascript
vue学习笔记之过滤器的基本使用方法实例分析
Feb 01 Javascript
JS前端监控采集用户行为的N种姿势
Jul 23 Javascript
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
php 生成随机验证码图片代码
2010/02/08 PHP
关于IIS php调用com组件的权限问题
2012/01/11 PHP
修改PHP的memory_limit限制的方法分享
2012/02/21 PHP
PHP并发查询MySQL的实例代码
2017/08/09 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
ie6下png图片背景不透明的解决办法使用js实现
2013/01/11 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
2014/03/12 Javascript
js实现照片墙功能实例
2015/02/05 Javascript
Jquery easyui 实现动态树
2015/11/17 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
2016/08/26 Javascript
JavaScript注入漏洞的原理及防范(详解)
2016/12/04 Javascript
详解基于webpack2.x的vue2.x的多页面站点
2017/08/21 Javascript
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
2017/12/19 Javascript
浅谈webpack组织模块的原理
2018/03/10 Javascript
微信小程序生成二维码的示例代码
2019/03/29 Javascript
javascript系统时间设置操作示例
2019/06/17 Javascript
详谈vue中router-link和传统a链接的区别
2020/07/22 Javascript
Python聚类算法之基本K均值实例详解
2015/11/20 Python
python中字符串比较使用is、==和cmp()总结
2018/03/18 Python
python 实现数组list 添加、修改、删除的方法
2018/04/04 Python
python提取log文件内容并画出图表
2019/07/08 Python
django表单的Widgets使用详解
2019/07/22 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
如何对python的字典进行排序
2020/06/19 Python
python实现学生信息管理系统源码
2021/02/22 Python
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
日本无添加化妆品:HABA
2016/08/18 全球购物
英国票务网站:Ticketmaster英国
2018/08/27 全球购物
Paul Smith英国官网:英国国宝级时装品牌
2019/03/21 全球购物
出纳会计岗位职责
2014/03/12 职场文书
民族团结好少年事迹材料
2014/08/19 职场文书
2015年收银员个人工作总结
2015/04/01 职场文书
小学生红领巾广播稿
2015/08/19 职场文书
mysql优化
2021/04/06 MySQL
golang 如何通过反射创建新对象
2021/04/28 Golang