getbyclass

【getbyclass】的更多相关文章

原生js实现增加（addclass）,删除（removeclass）,判断是否存在（hasclass）,如果存在删除，如果不存在添加（toggleclass）和获取类名（getbyclass）的方法

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>addclass,removeclass,hasclass,toggleclass,getbyclass</title> </head> <body> <div class="div1" id="b…

其实以前我偷偷学习正则表达式的时候,写过一个getbyclass的方法,最近翻了翻到处都是错,或者好多重复的,没有用的代码,于是显得没事我就把这个精简了一下,其实这个方法现在我觉得也是有问题的,问题在于我不知道原生的getElementsByClassName获取元素后生产的是不是数组,不管这个到不是重点,以后有时间了我在验证一下就可以了,另外我发现css是区分大小写的,看来没事看看正则还是能涨很多知识的,因为我感觉这次简化的时候收获比较大,于是我决定把这次也简化记录下来,反正记录不花钱. <…

原生JavaScript实现的addclass,removeclass,hasclass,toggleclass,getbyclass

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>addclass,removeclass,hasclass,toggleclass,getbyclass</title> </head> <body> <div class="div1" id="b…

封装getByClass

方法一:(普通版),获取单一的class: function getByClass(oParent, sClass) { var aResult = []; var aEle = oParent.getElementsByTagName('*'); for (var i = 0; i < aEle.length; i++) { // 当className相等时添加到数组中 // aEle[i].className.search(sClass)!=-1 // aEle[i].className.i…

正则版----getByClass函数

function getByClass(oParent,sClass){ var arr = []; var aEle = oParent.getElementsByTagName('*'); //var re = /sClass/; //当正则需要传参的时候,一定要用全称的写法 var re = new RegExp('\\b'+sClass+'\\b'); for(var i=0;i<aEle.length;i++){ if( re.test(aEle[i].className) ){ ar…

js中getByClass()函数

js中getByClass()函数进化史对于js来说,我想每一个刚接触它的人都应该会抱怨:为什么没有一个通过class来获取元素的方法.尽管现在高版本的浏览器已经支持getElementsByClassName()方法,但是对于低版本浏览器来说,还是无法兼容,在脱离其他库的时候,还是得自己封装一个方法. 也可到独立博客查看:getByClass()函数进化史下面列举几种网上常见的方法并说明存在的一些问题. 方法一 function getByClass1(oParent, sClass){…

js getByClass函数封装

js 中class选择器，addClass，removeClass，hasClass，toggleClass，getByClass

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="智能社 - zhinengshe.com" /> <meta name="copyright" content="智能社 - zhinengshe.com" /> <t…

原生JS编写getByClass、addClass、removeClass、hasClass

前言: 年后换了工作,在现在的公司写交互主要使用JS原生:刚刚入门前端的时候写交互一直用的原生JS,虽然用的不怎么样.后来去之前的公司之后,leader主张把jQuery用好,JS原生自然就熟练了:一路下来,jQuery用的比较熟练了,但是原生JS反而退步了,很久没用,有的东西都有点手生了:现在的公司用原生JS也挺好的,感觉现在很多新的技术也都基于JS原生: 做了两个项目,其中对class的DOM操作挺多的,在网上看了很多资料,在别人的基础上总结封装了几个经常用到的函数:getByClass.a…

封装getByClass（JS获取class的方法封装为一个函数）

获取方法一(普通版) 获取单一的class: function getByClass(oParent, sClass) {//两个形参,第一个对象oParent 第二个样式名class var aEle = oParent.getElementsByTagName("*");//从对象里选择所有元素 var aResult = [];//存放匹配出来结果的数组 for (var i = 0; i < aEle.length; i++) {//遍历所有oParent元素里面的所有元…