实现浏览器兼容版的element.children
来源:互联网 发布:plc编程下载 编辑:程序博客网 时间:2024/06/06 09:01
element.children能够获取元素的元素子节点,但是低版本的ie不支持,兼容实现:
//声明一个函数,可以完成element.children相似的功能 function getChildElementNodes(element) { //第一步是条件语句来判断浏览器是否支持element.children属性 //如果支持呢,element.children的值是一个集合而不是undefined if (element.children == "undefined") { // 既然没有,自己为element元素创建一个children属性,并把函数returnEle的返回值给这个属性 element.children = returnEle(); return element.children; }else { alert("浏览器上有了,不需要兼容"); } //element.children等号右边要进行的逻辑操作 function returnEle() { var childNodes, EleNodes = [], i = 0, // 等号右边获取的所有节点类型全部赋值给EleNodes这个变量 childNodes = element.childNodes; //现在要为childNodes里面的节点做循环判断了,我们只要元素节点 for (var i; i<childNodes.length; i++) { // 判断节点是不是元素节点想到了两种方法 // childNodes[i].nodeType === 1 if (Object.prototype.toString.call(childNodes[i]) === "[object Element]") { EleNodes.push(childNodes[i]); } } return EleNodes; } } // 在文档中获取你想要动动手脚的节点 var box = document.getElementById('pNode'); // 调用兼容低版本可以实现跟真正的element.children一样功能的函数 var childEles = getChildElementNodes(box); console.log(childEles);
阅读全文
0 0
- 实现浏览器兼容版的element.children
- 如何实现浏览器兼容版的element.children
- 实现浏览器兼容版的element.dataset
- 如何实现浏览器兼容版的element.dataset
- 浏览器兼容element.dataset
- 实现浏览器兼容版的window.getComputedStyle
- 如何实现浏览器兼容版的inline-block显示
- 如何实现浏览器兼容版的window.getComputedStyle
- 实现浏览器兼容版的inline-block显示
- 兼容浏览器的js Ajax实现
- CSS兼容实现各浏览器的透明度
- 实现ie浏览器对placeholder的兼容
- 利用滤镜实现不同浏览器的兼容
- Element与Node的区别,children与childNodes的区别
- 浏览器的兼容
- 浏览器兼容的方法
- 浏览器的不兼容
- 兼容浏览器的insertAdjacentHTML
- 20条Linux命令面试问答实例
- [PAT甲级]1015. Reversible Primes (20)(可逆素数判断)
- TCP状态图解
- 加载动态效果(三点变化)-3
- 建站记录3——边距自适应布局Tip总结
- 实现浏览器兼容版的element.children
- Eclipse Maven 编译错误 Dynamic Web Module 3.0 requires Java 1.6 or newer 解决方案 (特别注意))
- Docker中监控Java应用程序的方法!
- A
- leetcode--1.two sum
- Git && SVN
- opencv 利用仿射变换函数对图像进行任意角度旋转
- 加载动态效果(8点圆形转)-4
- 进入子shell的各种情况分析