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解决innerText浏览器兼容问题思路代码
May 17 Javascript
javascript自动改变文字大小和颜色的效果的小例子
Aug 02 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
Mar 03 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
Mar 26 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
如何在Angular.JS中接收并下载PDF
Nov 26 Javascript
从零学习node.js之简易的网络爬虫(四)
Feb 22 Javascript
详解vue axios中文文档
Sep 12 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
Oct 26 Javascript
javascript性能优化之分时函数的介绍
Mar 28 Javascript
简单分析js中的this的原理
Aug 31 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
Nov 24 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
推荐Discuz!5的PHP代码高亮显示与实现可运行代码
2007/03/15 PHP
PHP HTML代码串截取代码
2008/12/29 PHP
php中有关字符串的4个函数substr、strrchr、strstr、ereg介绍和使用例子
2014/04/24 PHP
php中spl_autoload详解
2014/10/17 PHP
PHP实现UTF-8文件BOM自动检测与移除实例
2014/11/05 PHP
php在apache环境下实现gzip配置方法
2015/04/02 PHP
yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析
2016/01/09 PHP
php + WebUploader实现图片批量上传功能
2019/05/06 PHP
Prototype使用指南之base.js
2007/01/10 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
JS循环遍历JSON数据的方法
2014/07/08 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
2015/08/24 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
2016/09/02 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
2016/09/04 Javascript
基于JavaScript实现选项卡效果
2017/07/21 Javascript
Vue+Element使用富文本编辑器的示例代码
2017/08/14 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
2017/08/14 jQuery
使用jQuery实现购物车结算功能
2017/08/15 jQuery
微信小程序网络封装(简单高效)
2018/08/06 Javascript
JavaScript读取本地文件常用方法流程解析
2020/10/12 Javascript
jQuery列表动态增加和删除的实现方法
2020/11/05 jQuery
[40:57]TI4 循环赛第二日 iG vs EG
2014/07/11 DOTA
使用Python进行新浪微博的mid和url互相转换实例(10进制和62进制互算)
2014/04/25 Python
Python中用于检查英文字母大写的isupper()方法
2015/05/19 Python
Python脚本按照当前日期创建多级目录
2019/03/01 Python
在tensorflow下利用plt画论文中loss,acc等曲线图实例
2020/06/15 Python
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
师范应届毕业生自荐信
2013/11/18 职场文书
骨干教师培训制度
2014/01/13 职场文书
语文教学感言
2014/02/06 职场文书
电厂职工自我鉴定
2014/02/20 职场文书
优秀的2014年两会精神解读
2014/03/17 职场文书
党员干部承诺书
2014/03/25 职场文书
先进集体申报材料
2014/12/25 职场文书
郭明义电影观后感
2015/06/08 职场文书
Python字符串对齐方法使用(ljust()、rjust()和center())
2021/04/26 Python