javascript中获取class
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相关推荐
- java+script+当前日期_如何在JavaScript中获取当前日期?
如何在JavaScript中获取当前日期? #1楼 您可以使用扩展了 Date对象的Date.js库,从而可以使用.today()方法. #2楼 如果您想对日期格式进行更多的粒度控制,我强烈建议您查看 ...
- javascript中获取dom元素高度和宽度
javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight ...
- 如何在JavaScript中获取时间戳
如何在JavaScript中获取时间戳 +运算符 我们可以使用+运算符将日期对象直接转换为UNIX时间戳. 例如,我们可以这样写: +new Date() +日期对象之前操作者触发valueOf的方法 ...
- 如何在JavaScript中获取字符串数组的字符串?
本文翻译自:How do you get a string to a character array in JavaScript? How do you get a string to a chara ...
- 如何在 JavaScript 中获取当前日期?
问: 想要改进这篇文章?提供这个问题的详细答案,包括引文和解释为什么你的答案是正确的.没有足够细节的答案可能会被编辑或删除. 如何在 JavaScript 中获取当前日期? 答1: HuntsBot周 ...
- 在 JavaScript 中获取对象的第一个键名
本文将演示如何提取对象第一个属性的键(键值对). 目录 1.在JavaScript中获取对象的第一个键名 2.用于object.entries()在JavaScript 中获取对象的第一个键名 3.用 ...
- JavaScript 中获取光标位置
1.概念和原理 DOM中并没有直接获取光标位置的方法,那么我们只能间接来获取光标位置.DOM支持获取光标选中的范围,我们可以以此为切入点,来获取或定位光标的位置,当选取范围起始点和结束点一样时,就是光 ...
- html怎么获取设备宽度,css - 在javascript中获取设备宽度
css - 在javascript中获取设备宽度 有没有办法使用javascript获取用户设备宽度,而不是视口宽度? 正如我所说,CSS媒体查询提供了这一点 @media screen and (m ...
- html 获取文本框值,html - 如何在JavaScript中获取文本框值
html - 如何在JavaScript中获取文本框值 我正在尝试使用JavaScript从HTML文本框中获取值,但值不是在空格之后 例如: 我只得到:上面的"软件". 我正在使 ...
- 现在JavaScript日期–如何在JavaScript中获取当前日期
Many applications you build will have some sort of a date component, whether it's the creation date ...
最新文章
- VNF 的性能测试设计要点
- 用GDAL/OGR去读shapefile
- Basic INFO: InstallShield中如何获取所调用Exe的返回值
- python二维分布图怎么画_python3怎样画二维点图
- DOM 提供了一些滚动页面设置指定可见
- 如何在 Mac 上播放 Keynote 演示文稿?
- 聚类分析原理(及Python实现K-means代码详解)
- nRF52840 SAADC单通道/多通道采集分析
- 基于Python实现网页版之复杂图片去水印
- linux入门命令菜鸟,经典:Linux菜鸟入门级命令大全
- java和python爬虫那个好_java和python在爬虫方面的优势和劣势是什么?
- linux 查看硬盘序列号、设备序列号、系统安装时间
- 路由器密码重置(不是适用于所有有些启动顺序数字不一样)
- mysql计算1000天后的日期_Mysql中常用的日期函数
- NBA球员 ESPN前20排名:詹姆斯再居榜首
- 2022Java面试题大全(整理版)面试题附答案详解,最全面详细
- 什么是体、性、用、相?
- 个人对于区块链技术的理解
- python读取文件夹下所有图片
- 通过域名访问接口,报400
热门文章
- mysql身份证号批判断正误_如何验证检查Excel表中身份证号码的正误
- LeetCode——寻找两个有序数组的中位数
- 不努力就会被优化是常态吗?
- Jemeter基本的接口测试使用方法以及Token添加
- git 本地仓库存储位置 / github 本地仓库存储位置 / gitee 本地仓库存储位置
- war3的mdx动画DEMO
- selinux中Enforcing, Permissive 和Disable这三种模式的区别
- 8.18 纪中集训 Day18
- java-php-python-ssm在线商城系统计算机毕业设计
- 凯恩斯看盘:股市收红,不要过度高兴