首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

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

HTML5学堂(码匠):在原生JavaScript当中,存在默认getElementsByClassName()方法,在不支持该方法浏览器中,又应该怎么实现“通过类名获取标签”呢?...原生JS通过类名获取标签 getElementsByClassName()是原生JavaScript提供方法,但是并不是所有的浏览器都支持,在ie早期版本浏览器是不允许通过这个方法获取标签,因此...通过类名获取标签思路 首先检测浏览器是否支持getElementsByClassName方法; 对于不支持getElementsByClassName方法浏览器,通过标签方式来获取标签,之后,进行标签筛选...涉及到相关知识 · 字符串split方法; · 数组push方法; · 工厂模式。 JS功能代码 1....功能优化 – 缩小选取范围 在此前代码当中,存在着一个问题:如果通过通配符获取标签,那么所获取标签数量过于庞大,需要筛选大量标签,会耗费比较多时间,此时可以借助第二个参数进行控制,允许用户传入一个参数

13K60

JS实现动态获取当前点击事件id属性值

原本要实现功能如下: 点击下图播放按钮,要弹窗播放对应视频链接。...整个页面是通过ajax请求最新4部视频进行填充完成,视频列表又是通过template-web.js插件补上去,所以导致所有ID值都是一样,一开始给按钮添加一个事件,结果是所有播放按钮都是播放第一个视频...于是,想了好多办法,又把ID属性给弄成动态ajax请求属性值,实现了每个id不一样,接下来,因为点击播放要调用一个方法,进行解析视频播放,拼接成API+视频链接格式在新打开弹窗进行展示。...具体可以看下图: 要实现点击不同按钮,并且按钮ID是动态从ajax请求获取,还要添加点击视频拼接视频链接,参考了文章,可以获取点击按钮id值,然后使用button,将链接放在value中 Dom...对象id属性可以获取元素id值。

25.6K20

JS点击就会移动

水一篇之前帮同学写试题 innerHTML 实现 第一反应是很久之前写过,通过不停 innerHTML 以及随机数来达到变换位置做法。...const body = document.getElementsByTagName('body')[0]; //获取 function randomP(){ //随机数函数     return...Math.round(Math.random() * (500 - 1)) + 1; } function spawn(){ //生成一个点击运行 spawn() 函数按钮,同时将随机数代入样式获得坐标....style 实现 将思路调整为点击修改小球坐标就可以。(其实这样才是正常思路,我只是想顺便提一嘴之前重复 innerHTML 玩法很逆天) 可以用 *.style....#ball{ position: absolute; transition: all .5s; } 后记 更完美的做法还得在随机数函数这块获取窗口大小,再根据窗口大小来生成随机数。

10220
领券