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-01-01
微信小程序多项选择器checkbox
这篇文章主要为大家详细介绍了微信小程序多项选择器checkbox，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
JavaScript高级教程之如何玩转箭头函数
箭头函数是在es6中添加的一种规范,箭头函数相当于匿名函数,简化了函数的定义,下面这篇文章主要给大家介绍了关于JavaScript高级教程之如何玩转箭头函数的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-11-11
Javascript中的神器——Promise
本文主要介绍了Javascript中Promise的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
artdialog的图片/标题以及关闭按钮不显示的解决方法
正如标题所言不显示的原因是因其它css样式文件中包含div{ overflow:hidden; }引起的artdialog的图片以及关闭按钮不显示，具体的解决方法如下，感兴趣的朋友可以参考下哈
2013-06-06
js复制文本到粘贴板(Clipboard.writeText())
这篇文章主要介绍了js复制文本到粘贴板(Clipboard.writeText())，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-07-07
onmousewheel event 缩放图片效果
onmousewheel event 缩放图片效果...
2006-09-09
Bootstrap实现可折叠分组侧边导航菜单
这篇文章主要介绍了Bootstrap实现可折叠分组侧边导航菜单的相关资料,需要的朋友可以参考下
2018-03-03
微信小程序实现九宫格抽奖
这篇文章主要为大家详细介绍了微信小程序实现九宫格抽奖，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-01-01
深入认识javascript中的eval函数
发现为本文起一个合适的标题还不是那么容易，呵呵，所以在此先说明下本文的两个目的.
2009-11-11

最新评论