原生JS获取指定元素下指定子元素(兼容所有浏览器) 您所在的位置:网站首页 js获取子元素的方法 原生JS获取指定元素下指定子元素(兼容所有浏览器)

原生JS获取指定元素下指定子元素(兼容所有浏览器)

2024-07-17 09:20| 来源: 网络整理| 查看: 265

好几天没有写博客了,今天分享下JS如何获取指定元素下指定的子元素。

原理:

由于JS内置获取子元素节点方法(children)不兼容低版本浏览器(ie 6-8),通过获取所有子节点(childNodes)方法获取所有子节点,循环判断取出元素子节点,存储在数组里,循环数组判断取出数组元素和传递元素相同的元素节点,具体见下面代码。

DOCTYPE html> 获取指定元素下指定子元素children兼容写法 #create{width: 500px;height: 500px;margin:50px auto;border:1px solid red;} p{background: blue;border-bottom: 1px solid #fff;width: 100%;height: 20px;} var creat = document.getElementById("create"); function children(curEle,tagName){ var nodeList = curEle.childNodes; var ary = []; if(/MSIE(6|7|8)/.test(navigator.userAgent)){ for(var i=0;i


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

      专题文章
        CopyRight 2018-2019 实验室设备网 版权所有