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;
}
}

最新文章

  1. ExtJS4 源码解析(一)带项目分析
  2. Thrift简单实践
  3. XE8 (RTM) Android SDK 更新安装(转)
  4. IOCP简单实现
  5. paip.代码生成器数据源格式最佳实践
  6. Codeforces Round #237 (Div. 2) A
  7. (2)java堆内存
  8. Android端如何获取手机当前的网络状态,比如wifi还是3G, 还是2G, 电信还是联通,还是移动
  9. 初学者应学会如何加快seo
  10. dos中进入其他盘中的方法
  11. 2.关于Apache Spark
  12. myeclipse自动保存修改代码
  13. PYTHON3 RE正则表达:
  14. Java 开源 CMS :magnolia
  15. Java开源生鲜电商平台-监控模块的设计与架构(源码可下载)
  16. wince可用的7-zip
  17. django项目中购物车的实现
  18. .NET(C#)主流ORM总揽
  19. python网络编程(九)
  20. Killing container with id docker:*******:Container failed liveness probe.. Container will be killed and recreated.

热门文章

  1. Android应用层View绘制流程之measure,layout,draw三步曲
  2. 初探FFT在数字图像处理中的应用(fft2函数的用法)
  3. apache ab 測试 apr_socket_connect(): 因为目标机器积极拒绝 无法连接
  4. POJ2155 Matrix 【二维树状数组】+【段更新点查询】
  5. 怎样在OTN站点高速找到asm包并下载 (Oracle RAC)
  6. 跟踪oracle中sql语句运行过程及相关知识拓展
  7. document.getElementsByClassName(&quot;head&quot;)[0].parentElement
  8. JavaScript倒计时类
  9. ThinkAndroid框架
  10. RDA PQ工具使用 (屏参调整)