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 相关文章推荐
pjblog修改技巧汇总
Mar 12 Javascript
JavaScript setTimeout和setInterval的使用方法 说明
Mar 25 Javascript
jquery刷新页面的实现代码(局部及全页面刷新)
Jul 11 Javascript
温习Javascript基础语法之词法结构
May 31 Javascript
基于js实现的限制文本框只可以输入数字
Dec 05 Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 Javascript
ES6正则表达式的一些新功能总结
May 09 Javascript
AngularJS 最常用的八种功能(基础知识)
Jun 26 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
Jul 19 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
Sep 03 Javascript
Javascript实现鼠标移入方向感知
Jun 24 Javascript
js判断两个数组相等的5种方法
May 06 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
Apache2 httpd.conf 中文版
2006/12/06 PHP
PHP Array交叉表实现代码
2010/08/05 PHP
PHP更新购物车数量(表单部分/PHP处理部分)
2013/05/03 PHP
PHP array_multisort() 函数的深入解析
2013/06/20 PHP
php使用fgetcsv读取csv文件出现乱码的解决方法
2014/11/08 PHP
php解析base64数据生成图片的方法
2016/12/06 PHP
基于PHP-FPM进程池探秘
2017/10/17 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
php+websocket 实现的聊天室功能详解
2020/05/27 PHP
cookie.js 加载顺序问题怎么才有效
2013/07/31 Javascript
jquery中获取元素里某一特定子元素的代码
2014/12/02 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
基于JS实现Android,iOS一个手势动画效果
2016/04/27 Javascript
jquery点击改变class并toggle的实现代码
2016/05/15 Javascript
JS制作适用于手机和电脑的通知信息效果
2016/10/28 Javascript
解析jQueryEasyUI的使用
2016/11/22 Javascript
nodejs更新package.json中的dependencies依赖到最新版本的方法
2018/10/10 NodeJs
layui动态绑定事件的方法
2019/09/20 Javascript
ZK中使用JS读取客户端txt文件内容问题
2019/11/07 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
Python中3种内建数据结构:列表、元组和字典
2014/11/30 Python
详解Python中dict与set的使用
2015/08/10 Python
视觉直观感受若干常用排序算法
2017/04/13 Python
Python 词典(Dict) 加载与保存示例
2019/12/06 Python
基于python tkinter的点名小程序功能的实例代码
2020/08/22 Python
html5指南-5.使用web storage存储键值对的数据
2013/01/07 HTML / CSS
网络工程师面试(三木通信技术有限公司)
2013/06/05 面试题
心理健康心得体会
2014/01/02 职场文书
房屋租赁委托书范本
2014/10/04 职场文书
学校食堂标语
2014/10/06 职场文书
庆祝教师节活动总结
2015/03/23 职场文书
2016教师政治学习心得体会
2016/01/23 职场文书
职场中的你,辞职信写对了吗?
2019/06/26 职场文书
python实现高效的遗传算法
2021/04/07 Python
Python日志模块logging用法
2022/06/05 Python
浅谈Redis变慢的原因及排查方法
2022/06/21 Redis