js中获取class封装
2024-08-30 20:40:11
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;
}
}
最新文章
- ExtJS4 源码解析(一)带项目分析
- Thrift简单实践
- XE8 (RTM) Android SDK 更新安装(转)
- IOCP简单实现
- paip.代码生成器数据源格式最佳实践
- Codeforces Round #237 (Div. 2) A
- (2)java堆内存
- Android端如何获取手机当前的网络状态,比如wifi还是3G, 还是2G, 电信还是联通,还是移动
- 初学者应学会如何加快seo
- dos中进入其他盘中的方法
- 2.关于Apache Spark
- myeclipse自动保存修改代码
- PYTHON3 RE正则表达:
- Java 开源 CMS :magnolia
- Java开源生鲜电商平台-监控模块的设计与架构(源码可下载)
- wince可用的7-zip
- django项目中购物车的实现
- .NET(C#)主流ORM总揽
- python网络编程(九)
- Killing container with id docker:*******:Container failed liveness probe.. Container will be killed and recreated.
热门文章
- Android应用层View绘制流程之measure,layout,draw三步曲
- 初探FFT在数字图像处理中的应用(fft2函数的用法)
- apache ab 測试 apr_socket_connect(): 因为目标机器积极拒绝 无法连接
- POJ2155 Matrix 【二维树状数组】+【段更新点查询】
- 怎样在OTN站点高速找到asm包并下载 (Oracle RAC)
- 跟踪oracle中sql语句运行过程及相关知识拓展
- document.getElementsByClassName(";head";)[0].parentElement
- JavaScript倒计时类
- ThinkAndroid框架
- RDA PQ工具使用 (屏参调整)