js 提取class相同的节点集合

更新时间：2008年12月29日 23:41:34 作者：

可以获取网页中相同class的节点的脚本，然后就可以统一做一些调整。

<script language="javascript" type="text/javascript"> function GetClass(className){return getElementsByClassName(className)} var $c=function(array){var nArray = [];for (var i=0;i<array.length;i++) nArray.push(array[i]);return nArray;}; Array.prototype.each=function(func){for(var i=0,l=this.length;i<l;i++) {func(this[i],i);};}; var getElementsByClassName=function(cn){ var hasClass=function(w,Name){ var hasClass = false; w.className.split(' ').each(function(s){ if (s == Name) hasClass = true; }); return hasClass; }; var elems =document.getElementsByTagName("*")||document.all; var elemList = []; $c(elems).each(function(e){ if(hasClass(e,cn)){elemList.push(e);} }) return $c(elemList); }; window.onload=function(){alert("共找到"+GetClass("test").length+"个带有test标记的对象")} </script> <input type="button" id="ceshi" value="显示这条记录" /> <div id="box" class="test"> <input type="button" value="显示这条记录1" /> <input type="button" class="test" value="显示这条记录2" /> <input type="button" class="test" value="显示这条记录3" /> </div> <input type="button" class="test" value="显示这条记录4" /> <div class="test"></div> <div class="test"></div> <dl class="test"></dl>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

js实现简单模态框实例
这篇文章主要为大家详细介绍了js实现简单模态框实例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
js放大镜放大购物图片效果
这篇文章主要为大家详细介绍了基于JavaScript实现放大镜放大购物图片效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
qq悬浮代码(兼容各个浏览器)
qq悬浮代码(兼容各个浏览器)。需要的朋友可以过来参考下，希望对大家有所帮助
2014-01-01
js实现同一个页面,多个enter事件绑定的示例
今天小编就为大家分享一篇js实现同一个页面,多个enter事件绑定的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-10-10
JavaScript实现HTML5游戏断线自动重连的方法
这篇文章主要介绍了JavaScript实现HTML5游戏断线自动重连的方法,需要的朋友可以参考下
2017-09-09
JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】
这篇文章主要介绍了JS图片延迟加载插件LazyImgv1.0用法,结合实例形式分析了使用图片延迟加载插件LazyImgv1.0的注意事项与核心操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
2017-09-09
uni-app跨端自定义指令实现按钮权限操作
实现uni-app自定义指令按钮权限需要涉及到对于vue.config.js新增loader配置，基础正则知识，webpack的loader开发和调试，以及npm本地调试和发布，接下来就从了解这些前置知识开始，需要的朋友可以参考下
2023-01-01
原生js+cookie实现购物车功能的方法分析
这篇文章主要介绍了原生js+cookie实现购物车功能的方法,结合实例形式分析了javascript结合cookie存储实现购物车功能的相关操作技巧,需要的朋友可以参考下
2017-12-12
JavaScript函数的使用教程
这篇文章主要介绍了JavaScript函数的使用教程，JavaScript函数是被设计为执行特定任务的代码块。JavaScript函数会在某代码调用它时被执行。文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-07-07
JavaScript获取客户端IP的方法(新方法)
这篇文章主要介绍了JavaScript获取客户端IP的方法(新方法)的相关资料,需要的朋友可以参考下
2016-03-03

最新评论