js 提取class相同的节点集合- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js 提取class相同的节点集合

技术文章搜索

关键字

Javascript 中的 js 提取class相同的节点集合

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 429 ::

收藏到网摘: n/a

不用写JS也能使用EXTJS视频演示 js Li来实现的效果

可以获取网页中相同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也能使用EXTJS视频演示 js Li来实现的效果

评论 (0) All