js原生获取className&多选一
2016-09-01 15:08
417 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js原生获取class名&多取一</title> </head> <body> <ul> <li class="red blue green">111</li> <li class="red">444</li> <li class="red blue green">222</li> <li class="cred blue green">333</li> </ul> <script> function className(classname) { var tags = document.all ? document.all : document.getElementsByTagName('*'); var arr = []; // var reg = /\bclassname\b/g;//普通方式定义 var reg = new RegExp('\\b'+classname+'\\b','g');//构造函数方式 for (var i = 0; i < tags.length; i++) { reg.lastIndex = 0; if (reg.test(tags[i].className)) { arr.push(tags[i]); } } return arr; } var liRed = className('red'); for (var i = 0; i < liRed.length; i++) { liRed[i].style.background = 'green'; } </script> </body> </html>
相关文章推荐
- 详解javascript实现自定义事件
- 最近写了一个红包雨的小功能,但感觉自己的js还有很多地方可以提高,望大神们可以帮忙指点一二
- 怎样利用JS提交POST请求
- 记录下
- JavaScript面向对象之Prototypes和继承
- 详谈LABJS按需动态加载js文件
- json总结
- JS基础-号(js-number)
- 读一篇Javascript问题贴的收获
- JavaScript:表单验证模型
- 调用 JSR 303 API 进行校验
- SeaJS入门教程系列之SeaJS介绍(一)
- javascript 预处理
- 关于js对当前时间的处理
- 向ES6看齐,用更好的JavaScript(三)
- JS解析机制
- Jsonp跨域详解
- 常用Js
- JavaScript将表格打印pdf
- [六字真言]5.咪.功力不足,学习前端JavaScript异常