javascript中获取class
2016-03-28 14:48
579 查看
js中没有获取class的办法,找了一些封装好的方法,这里整理一下
(1)先进行封装
(2)主体程序
(3)获取class为dicTap的所有li内容程序
(4)项目中实际应用
(1)先进行封装
//封装getClass function getClass(tagName,className) //获得标签名为tagName,类名className的元素 { if(document.getElementsByClassName) //支持这个函数 { return document.getElementsByClassName(className); } else { var tags=document.getElementsByTagName(tagName);//获取标签 var tagArr=[];//用于返回类名为className的元素 for(var i=0;i < tags.length; i++) { if(tags[i].class == className) { tagArr[tagArr.length] = tags[i];//保存满足条件的元素 } } return tagArr; } }
(2)主体程序
<ul> <li class="dicTap">1</li> <li class="dicTap">2</li> <li class="dicTap">3</li> <li class="dicTap">4</li> </ul>
(3)获取class为dicTap的所有li内容程序
window.onload = function() { var topMenus = getClass('li','dicTap'); for(var i=0;i < topMenus.length; i++) { alert(topMenus[i].innerHTML); } }
(4)项目中实际应用
//点击的 自定义属性personid,打开详情页面并且进行跨页面传值
var dicTap = getClass('li','dicTap');
for(var i=0;i <dicTap.length; i++)
{
dicTap[i].addEventListener('tap',function(){
var personId=this.getAttribute("personid");
localStorage.a=personId;
mui.openWindow({
url: 'disciplineDetail.html',
id:'disciplineDetail'
});
})
}
//封装getClass function getClass(tagName,className) //获得标签名为tagName,类名className的元素 { if(document.getElementsByClassName) //支持这个函数 { return document.getElementsByClassName(className); } else { var tags=document.getElementsByTagName(tagName);//获取标签 var tagArr=[];//用于返回类名为className的元素 for(var i=0;i < tags.length; i++) { if(tags[i].class == className) { tagArr[tagArr.length] = tags[i];//保存满足条件的元素 } } return tagArr; } }
相关文章推荐
- 禁止页面后退JS(兼容各浏览器)
- js操作cookie的一些注意项
- 2.2JSON数据解析(一)
- [BZOJ1016][JSOI2008]最小生成树计数
- JSP 自定义标签tld--页面片段fragment
- 说说JSON与JSONP
- OpenJsCad - 在线3D图像浏览与编辑
- 【B/S】JavaScript简介
- [BZOJ1027][JSOI2007]合金
- JS通过设置cookie来控制弹出层,首次打开页面显示弹出层
- 选项卡的JavaScript实现
- javascript常用的正则表达式
- [BZOJ1029][JSOI2007]建筑抢修
- JavaScript语言精粹——函数
- JSP公用COMMON文件
- 解决js 出现乱码问题
- Extjs4 动态获取下拉框
- js中的arguments对象的使用
- extjs入门
- Extjs4.0版控件属性配置详细讲解。