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 相关文章推荐
Sample script that displays all of the users in a given SQL Server DB
Jun 16 Javascript
jquery 可排列的表实现代码
Nov 13 Javascript
jquery下操作HTML控件的实现代码
Jan 12 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
Aug 12 Javascript
Js+Ajax,Get和Post在使用上的区别小结
Jun 08 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
Oct 21 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
Vue表单之v-model绑定下拉列表功能
May 14 Javascript
分享一款超好用的JavaScript 打包压缩工具
Apr 26 Javascript
小程序富文本提取图片可放大缩小
May 26 Javascript
vue 使用class创建和清除水印的示例代码
Dec 25 Vue.js
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实现获取域名的方法小结
2014/11/05 PHP
Smarty实现页面静态化(生成HTML)的方法
2016/05/23 PHP
php实现微信支付之企业付款
2018/05/30 PHP
JS操作Cookies的小例子
2013/10/15 Javascript
常规表格多表头查询示例
2014/02/21 Javascript
JS实现两个大数(整数)相乘
2014/04/28 Javascript
JavaScript中诡异的delete操作符
2015/03/12 Javascript
jQuery1.9+中删除了live以后的替代方法
2016/06/17 Javascript
搭建简单的nodejs http服务器详解
2017/03/09 NodeJs
微信小程序的生命周期的详解
2017/10/19 Javascript
Mac 安装 nodejs方法(图文详细步骤)
2017/10/30 NodeJs
详解使用vue-cli脚手架初始化Vue项目下的项目结构
2018/03/08 Javascript
JS面向对象的程序设计相关知识小结
2018/05/26 Javascript
在小程序中使用Echart图表的示例代码
2018/08/02 Javascript
JavaScript实现抖音罗盘时钟
2019/10/11 Javascript
基于原生js实现判断元素是否有指定class名
2020/07/11 Javascript
Vue绑定用户接口实现代码示例
2020/11/04 Javascript
实例讲解python函数式编程
2014/06/09 Python
Python中除法使用的注意事项
2014/08/21 Python
python中迭代器(iterator)用法实例分析
2015/04/29 Python
Python多线程爬虫简单示例
2016/03/04 Python
Python实现进程同步和通信的方法
2018/01/02 Python
Python用sndhdr模块识别音频格式详解
2018/01/11 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
python hash每次调用结果不同的原因
2019/11/21 Python
jupyter notebook插入本地图片的实现
2020/04/13 Python
在Ubuntu 20.04中安装Pycharm 2020.1的图文教程
2020/04/30 Python
HTTP状态码详解
2021/03/18 杂记
使用html5 canvas创建太空游戏的示例
2014/05/08 HTML / CSS
AmazeUI 加载进度条的实现示例
2020/08/20 HTML / CSS
加拿大最大的箱包及旅游配件零售商:Bentley Leathers
2017/07/19 全球购物
严选全球尖货,立足香港:Bonpont宝盆
2018/07/24 全球购物
新西兰优惠网站:Treat Me
2019/07/04 全球购物
Linux Interview Questions For software testers
2012/06/02 面试题
高中生评语大全
2014/04/25 职场文书
JS轻量级函数式编程实现XDM三
2022/06/16 Javascript