javascript技巧

关注公众号 jb51net

关闭

首页 > 网络编程 > JavaScript > javascript技巧 > 同class节点集合

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需刷新才能执行]

您可能感兴趣的文章: