js中没有获取class的办法,找了一些封装好的方法,这里整理一下

(1)先进行封装

//封装getClassfunction 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'});})}//封装getClassfunction 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;}}

  

转载于:https://www.cnblogs.com/lily1010/p/5329028.html

javascript中获取class相关推荐

  1. java+script+当前日期_如何在JavaScript中获取当前日期?

    如何在JavaScript中获取当前日期? #1楼 您可以使用扩展了 Date对象的Date.js库,从而可以使用.today()方法. #2楼 如果您想对日期格式进行更多的粒度控制,我强烈建议您查看 ...

  2. javascript中获取dom元素高度和宽度

    javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight ...

  3. 如何在JavaScript中获取时间戳

    如何在JavaScript中获取时间戳 +运算符 我们可以使用+运算符将日期对象直接转换为UNIX时间戳. 例如,我们可以这样写: +new Date() +日期对象之前操作者触发valueOf的方法 ...

  4. 如何在JavaScript中获取字符串数组的字符串?

    本文翻译自:How do you get a string to a character array in JavaScript? How do you get a string to a chara ...

  5. 如何在 JavaScript 中获取当前日期?

    问: 想要改进这篇文章?提供这个问题的详细答案,包括引文和解释为什么你的答案是正确的.没有足够细节的答案可能会被编辑或删除. 如何在 JavaScript 中获取当前日期? 答1: HuntsBot周 ...

  6. 在 JavaScript 中获取对象的第一个键名

    本文将演示如何提取对象第一个属性的键(键值对). 目录 1.在JavaScript中获取对象的第一个键名 2.用于object.entries()在JavaScript 中获取对象的第一个键名 3.用 ...

  7. JavaScript 中获取光标位置

    1.概念和原理 DOM中并没有直接获取光标位置的方法,那么我们只能间接来获取光标位置.DOM支持获取光标选中的范围,我们可以以此为切入点,来获取或定位光标的位置,当选取范围起始点和结束点一样时,就是光 ...

  8. html怎么获取设备宽度,css - 在javascript中获取设备宽度

    css - 在javascript中获取设备宽度 有没有办法使用javascript获取用户设备宽度,而不是视口宽度? 正如我所说,CSS媒体查询提供了这一点 @media screen and (m ...

  9. html 获取文本框值,html - 如何在JavaScript中获取文本框值

    html - 如何在JavaScript中获取文本框值 我正在尝试使用JavaScript从HTML文本框中获取值,但值不是在空格之后 例如: 我只得到:上面的"软件". 我正在使 ...

  10. 现在JavaScript日期–如何在JavaScript中获取当前日期

    Many applications you build will have some sort of a date component, whether it's the creation date ...

最新文章

  1. VNF 的性能测试设计要点
  2. 用GDAL/OGR去读shapefile
  3. Basic INFO: InstallShield中如何获取所调用Exe的返回值
  4. python二维分布图怎么画_python3怎样画二维点图
  5. DOM 提供了一些滚动页面设置指定可见
  6. 如何在 Mac 上播放 Keynote 演示文稿?
  7. 聚类分析原理(及Python实现K-means代码详解)
  8. nRF52840 SAADC单通道/多通道采集分析
  9. 基于Python实现网页版之复杂图片去水印
  10. linux入门命令菜鸟,经典:Linux菜鸟入门级命令大全
  11. java和python爬虫那个好_java和python在爬虫方面的优势和劣势是什么?
  12. linux 查看硬盘序列号、设备序列号、系统安装时间
  13. 路由器密码重置(不是适用于所有有些启动顺序数字不一样)
  14. mysql计算1000天后的日期_Mysql中常用的日期函数
  15. NBA球员 ESPN前20排名:詹姆斯再居榜首
  16. 2022Java面试题大全(整理版)面试题附答案详解,最全面详细
  17. 什么是体、性、用、相?
  18. 个人对于区块链技术的理解
  19. python读取文件夹下所有图片
  20. 通过域名访问接口,报400

热门文章

  1. mysql身份证号批判断正误_如何验证检查Excel表中身份证号码的正误
  2. LeetCode——寻找两个有序数组的中位数
  3. 不努力就会被优化是常态吗?
  4. Jemeter基本的接口测试使用方法以及Token添加
  5. git 本地仓库存储位置 / github 本地仓库存储位置 / gitee 本地仓库存储位置
  6. war3的mdx动画DEMO
  7. selinux中Enforcing, Permissive 和Disable这三种模式的区别
  8. 8.18 纪中集训 Day18
  9. java-php-python-ssm在线商城系统计算机毕业设计
  10. 凯恩斯看盘:股市收红,不要过度高兴