class类的封装
来源:互联网 发布:数据流量关闭跑流量 编辑:程序博客网 时间:2024/06/06 09:46
目的 : 解决了浏览器对document.getElementsByClassName()的兼容问题。
思维导图:
代码:
<!DOCTYPE html><head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload = function(){ function getClass(classname,id) { //浏览器支持的 if(document.getElementsByClassName) { //有id的 if(id) { var seleid = document.getElementById(id); return seleid.getElementsByClassName(classname); } else //没有id { return document.getElementsByClassName(classname) ; } } //浏览器不支持的 //有id的 if(id) { var seleid = document.getElementById(id); var dom = seleid.getElementsByTagName("*"); } else //没有id的 { var dom = document.getElementsByTagName("*"); } var arr = []; for(var i=0; i<dom.length; i++) { var txtarr = dom[i].className.split(" "); //把类名转化成了txt这个数组,用于分割类名。 for(var j=0; j<txtarr.length; j++) { if(txtarr[j] == classname) { arr.push(dom[i]); //我们要的是含有该classname的元素节点 } } } return arr; } console.log(getClass("one","current").length); // 1 } </script></head><body><div class="one"></div><div class="one"></div><div id="current"> <div class='one'></div> <div class='two'></div></div><div class='two'></div></body></html>
0 0
- class类的封装
- js 封装自己的class类
- js-封装自己的class类
- 学会封装自己的class类:
- 20161206封装Class类
- 获取class函数的封装
- js 封装获取class的值、添加class、删除class
- class 封装
- Android的ClearEdtitext自定义封装class
- JAVA封装类和Class类
- js获取class类封装方法
- class 类 封装继承多态
- js封装:获取class类名
- Java学习,数组的相关操作,封装类,Class类,反射API
- 一个java处理JSON格式数据的通用类(封装了一个class)
- 一个java处理JSON格式数据的通用类(封装了一个class)
- 封装weixin.class.php
- js封装class
- webStorm英文字体突然变成这样了
- python3.6关于tkinter的总结
- 安卓学习笔记---JNI实现Java与C之间进行互相调用
- C#创建WindowsService
- Zookeeper系列(十一)Zookeeper开源客户端之Curator基本使用
- class类的封装
- 如何在Windows Server 2012启用或关闭Internet Explorer增强的安全配置
- Kettle-7.0增量抽取订单数据
- SSM项目-医药采购02-配置文件及测试
- 中文字体的英文名称 (simhei, simsun) 宋体 微软雅黑
- sqlite解决并发性问题
- 定时器Timer
- OpenFile function OF_SHARE_EXCLUSIVE
- 剑指offer 16. 反转链表