首页
学习
活动
专区
圈层
工具
发布

原生JS | 通过类名获取标签

原生JS通过类名获取标签 getElementsByClassName()是原生JavaScript提供的方法,但是并不是所有的浏览器都支持,在ie早期版本的浏览器是不允许通过这个方法获取标签的,因此...,需要自定义一个方法,使我们能够在每个浏览器下都能通过类名获取标签。...通过类名获取标签的思路 首先检测浏览器是否支持getElementsByClassName方法; 对于不支持getElementsByClassName方法的浏览器,通过标签名的方式来获取标签,之后,进行标签的筛选...JS功能代码 1....功能优化 – 缩小选取范围 在此前的代码当中,存在着一个问题:如果通过通配符获取标签,那么所获取的标签数量过于庞大,需要筛选大量的标签,会耗费比较多的时间,此时可以借助第二个参数进行控制,允许用户传入一个参数

14.4K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    详析获取标签

    在前几期的文章当中,我们学习了JS的基础语法,它是我们学习其它知识点的重要前提。...小编也与大家分享了JS逻辑与DOM的相结合,并带着大家去实现了一些简单的页面交互效果,涉及了获取标签—>绑定事件—>操作标签样式。...本文内容概要: 1 回顾通过ID名获取标签的方法 2 获取标签的其它方法 3 课程小结 4 课后作业 1 回顾通过ID名获取标签的方法 ID名获取标签需要给标签起一个ID名,然后通过getElementById...2 获取标签的其它方法 通过类名获取标签 上面的实例是通过ID名来获取标签,那我们能不能通过类名来获取标签?具体来看下面的实例吧。...id名为“website”里面的p标签和h2标签,这样就从查找整个网页的范围缩小到具体标签的范围,提升了JS获取标签的效率; 其实就是先获取id名为website的标签,然后在获取结果的基础上利用getElementsByTagName

    2.4K90

    js随机取游戏角色名称

    ) ORM: TypeORM (强大的TypeScript ORM工具) 后台管理系统 前端框架: Vue.js (选择了熟悉的Vue作为管理后台基础) UI库: Ant Design Vue (企业级...小程序性能优化:图片懒加载、减少setData次数 TypeORM复杂查询:使用QueryBuilder处理多表关联 多端JWT: 不同的端对应不同的jwt *** 微信小程序静默授权 通过静默授权获取用户的...return {openid,token,nickName}; } } *** 通过该接口https://api.weixin.qq.com/sns/jscode2session获取到...司马', '上官', '东方', '南宫', '西门', '慕容', '令狐', '长孙', '端木', '轩辕', '皇甫' ]; // 辅助函数:从数组中随机获取一个元素...String.fromCharCode(Math.floor(Math.random() * (end - start + 1)) + start); }; // 辅助函数:随机生成1-3个字的名称部分

    10110
    领券