通过className获取元素的js
2015-10-20 09:36
489 查看
//只适用于获取只有一个class名的元素
function getByClassName (oParent, subClass) {
var aElements = document.getElemntByTagName('*');
var arr = [];
for(var i = 0;i < aElements.length;i++){
if(aElements[i].className){
if(aElements[i].className === subClass){
arr.push( aElements[i] );
}
}
}
return arr;
}
//可以适用于获取有多个class名的元素
function getByClassName (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) ){
arr.push( aEle[i] );
}
}
return arr;
}
function getByClassName (oParent, subClass) {
var aElements = document.getElemntByTagName('*');
var arr = [];
for(var i = 0;i < aElements.length;i++){
if(aElements[i].className){
if(aElements[i].className === subClass){
arr.push( aElements[i] );
}
}
}
return arr;
}
//可以适用于获取有多个class名的元素
function getByClassName (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) ){
arr.push( aEle[i] );
}
}
return arr;
}
相关文章推荐
- 一套仿WINDOWS桌面的EXTJS模板
- 浅谈href=#与href=javascript:void(0)的区别
- JSP 初始化参数
- js滑动提示效果
- 原生JS banner栏切换
- JavaScript根据Cookie名称获取Cookie值
- window.onbeforeunload 如果取消, 那么javascript变量会保存
- js获取对象的所有属性和方法
- JavaScript权威指南_168_第17章_事件处理_17.3-调用事件处理程序-返回值、调用顺序
- JSP 禁用脚本设置
- js类的封装
- EL表达式
- JSP page指令
- Ember.js 入门指南——查询记录
- 用js写信息发送布局
- JSP实现的简单分页示例
- JSP中param标签用法实例分析
- jsp中select的onchange事件用法实例
- JS实现带有3D立体感的银灰色竖排折叠菜单代码
- JS实现鼠标滑过链接改变网页背景颜色的方法