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 相关文章推荐
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
Jul 26 Javascript
jQuery动态创建html元素的常用方法汇总
Sep 05 Javascript
深入剖析JavaScript编程中的对象概念
Oct 21 Javascript
vue-cli如何引入bootstrap工具的方法
Oct 19 Javascript
微信小程序版翻牌小游戏
Jan 26 Javascript
NW.js 简介与使用方法
Feb 01 Javascript
今天,小程序正式支持 SVG
Apr 20 Javascript
vue.js中ref和$refs的使用及示例讲解
Aug 14 Javascript
你不知道的SpringBoot与Vue部署解决方案
Nov 09 Javascript
基于ajax实现上传图片代码示例解析
Dec 03 Javascript
微信小程序自定义modal弹窗组件的方法详解
Dec 20 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
使用数据库保存session的方法
2006/10/09 PHP
分享8个最佳的代码片段在线测试网站
2013/06/29 PHP
php递归法读取目录及文件的方法
2015/01/30 PHP
Javascript remove 自定义数组删除方法
2009/10/20 Javascript
javascript eval和JSON之间的联系
2009/12/31 Javascript
js select option对象小结
2013/12/20 Javascript
用JQuery实现全选与取消的两种简单方法
2014/02/22 Javascript
javascript页面倒计时实例
2015/07/25 Javascript
使用jquery插件qrcode生成二维码
2015/10/22 Javascript
详解Python中logging日志模块在多进程环境下的使用
2016/12/26 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
2017/02/28 Javascript
webstorm添加vue.js支持的方法教程
2017/07/05 Javascript
解决Vue页面固定滚动位置的处理办法
2017/07/13 Javascript
webpack构建换肤功能的思路详解
2017/11/27 Javascript
JavaScript中EventLoop介绍
2018/01/22 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
2020/02/13 Javascript
vue-cli4.x创建企业级项目的方法步骤
2020/06/18 Javascript
javascript实现前端成语点击验证
2020/06/24 Javascript
在vue-cli3中使用axios获取本地json操作
2020/07/30 Javascript
[51:06]DOTA2-DPC中国联赛 正赛 Elephant vs Aster BO3 第二场 1月26日
2021/03/11 DOTA
修改Python的pyxmpp2中的主循环使其提高性能
2015/04/24 Python
Python记录详细调用堆栈日志的方法
2015/05/05 Python
python Celery定时任务的示例
2018/03/13 Python
python实现音乐下载器
2018/04/15 Python
pandas数据集的端到端处理
2019/02/18 Python
python3 json数据格式的转换(dumps/loads的使用、dict to str/str to dict、json字符串/字典的相互转换)
2019/04/01 Python
python实践项目之监控当前联网状态详情
2019/05/23 Python
python关于变量名的基础知识点
2020/03/03 Python
python 下载文件的几种方法汇总
2021/01/06 Python
中国一家综合的外贸B2C电子商务网站:DealeXtreme(DX)
2020/03/10 全球购物
.NET是怎么支持多种语言的
2015/02/24 面试题
高三语文教学反思
2016/02/16 职场文书
五年级数学教学反思
2016/02/16 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
MySQL如何使备份得数据保持一致
2022/05/02 MySQL