纯JS实现根据CSS的class选择DOM
2023-06-13 09:15:20 时间
//网上参考的,自己修改了一部分
//代码如下,纯JS,要求浏览器支持getElementsByClassName方法
复制代码代码如下:
//代码如下,纯JS,要求浏览器支持getElementsByClassName方法
<scripttype="text/javascript">
functiongetElementsByClassName(classname,node){
node=node||window.document;
if(node.getElementsByClassName){
returnnode.getElementsByClassName(classname);
}else{
varresults=newArray();
varelems=node.getElementsByTag("*");
for(vari=0;i<elems.length;i++){
if(elems[i].className.indexOf(classname)!=-1){
results[elems.length]=elems[i];
}
}
returnresults;
}
};
</script>
相关文章
- 点击导航栏,切换div内容(js+css+html)[通俗易懂]
- yuicompressor java_使用YUICompressor自动压缩JavaWeb项目中的JS与CSS文件
- 在html中加入外部css样式,如何引入CSS样式表?
- css+js 实现一行多个盒子块元素响应式布局
- 老弟教你用CSS和JS实现曾经风靡一时的微信打飞机游戏
- 第2章 WEB02-CSS&JS篇-视频教程-第一部分
- 【CSS动效实战(纯CSS与JS动效)】02 flex 布局实战(仿 JD 及 gitCode 布局)及 media 自适应初探 下
- JS面试题-js新增基本数据类型BigInt
- js中四舍五入的方法_JS取整
- Nginx access日志过滤css,jpg,js等日志记录
- 原生 JS 实现 HTML 转 Markdown ,html2md.js
- 原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示
- HTML + CSS + JS 利用邮编查询 API 实现邮编查询工具
- 使用html+css+js实现魔性的舞蹈详解编程语言
- 使用JS连接MySQL数据库:实现化繁为简(js连接mysql数据库)
- 使用JS实现Redis数据读取(js读取redis)
- 用SQL Server和JS实现数据库管理技术(sqlserver.js)
- 使用JS技术实现Oracle数据库链接(js 链接 oracle)
- 数据JS技术实现实时获取Oracle数据(js实时获取oracle)
- 用js实现的抽象CSS圆角效果!!
- 用CSS+JS实现的进度条效果效果
- 预加载css或javascript的js代码
- js实现单一html页面两套css切换代码
- JS+CSS实现一个气泡提示框
- 异步动态加载js与css文件的js代码
- PHP小技巧之JS和CSS优化工具Minify的使用方法
- 纯js和css实现渐变色包括静态渐变和动态渐变
- PHP根据传入参数合并多个JS和CSS文件的简单实现
- php实现压缩多个CSS与JS文件的方法