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 相关文章推荐
window.print打印指定div指定网页指定区域的方法
Aug 04 Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 Javascript
js强制把网址设为默认首页
Sep 29 Javascript
javascript图片预加载完整实例
Dec 10 Javascript
快速学习AngularJs HTTP响应拦截器
Dec 31 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
Jan 25 Javascript
JavaScript 基础表单验证示例(纯Js实现)
Jul 20 Javascript
JavaScript实现多态和继承的封装操作示例
Aug 20 Javascript
iphone刘海屏页面适配方法
May 07 Javascript
vue实现侧边栏导航效果
Oct 21 Javascript
JS实现点餐自动选择框(案例分析)
Dec 10 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
Mar 02 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
一个图形显示IP的PHP程序代码
2007/10/19 PHP
PHP中foreach循环中使用引用要注意的地方
2011/01/02 PHP
PHP实现视频文件上传完整实例
2014/08/28 PHP
MyEclipse常用配置图文教程
2014/09/11 PHP
详解PHP中的mb_detect_encoding函数使用方法
2015/08/18 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
跨域请求之jQuery的ajax jsonp的使用解惑
2011/10/09 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
document.execCommand()的用法小结
2014/01/08 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
浅谈jquery的map()和each()方法
2016/06/12 Javascript
JS阻止事件冒泡行为和闭包的方法
2016/06/16 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
详解js前端代码异常监控
2017/01/11 Javascript
JS实现两周内自动登录功能
2017/03/23 Javascript
Angularjs之ngModel中的值验证绑定方法
2018/09/13 Javascript
Vue.js实现开发购物车功能的方法详解
2019/02/22 Javascript
jQuery实现穿梭框效果
2021/01/19 jQuery
用matplotlib画等高线图详解
2017/12/14 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
使用Scrapy爬取动态数据
2018/10/21 Python
在django view中给form传入参数的例子
2019/07/19 Python
Python实现多线程/多进程的TCP服务器
2019/09/03 Python
python sklearn常用分类算法模型的调用
2019/10/16 Python
基于python3 的百度图片下载器的实现代码
2019/11/05 Python
Python递归实现打印多重列表代码
2020/02/27 Python
python实现单张图像拼接与批量图片拼接
2020/03/23 Python
opencv+pyQt5实现图片阈值编辑器/寻色块阈值利器
2020/11/13 Python
纯CSS3制作的鼠标悬停时边框旋转
2017/01/03 HTML / CSS
html5嵌入内容_动力节点Java学院整理
2017/07/07 HTML / CSS
小学新教师培训方案
2014/02/03 职场文书
三项教育活动实施方案
2014/03/30 职场文书
《四季》教学反思
2014/04/08 职场文书
争当四好少年演讲稿
2014/09/13 职场文书
2014年党的群众路线学习心得体会
2014/11/05 职场文书
工人先锋号事迹材料(2016精选版)
2016/03/01 职场文书