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

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

Javascript: javascript实例教程(15) 日期函数; javascript实例教程(17) 使用字符串函数; javascript实例教程(18) 数组; javascript实例教程(19) 使用HoTMetal(1); javascript实例教程(19) 使用HoTMetal(2); javascript实例教程(19) 使用HoTMetal(3); javascript实例教程(19) 使用HoTMetal(4); javascript使图片加载进度实时显示; 代码前置时页面输出脚本的要注意的问题|; javascript网页中显示硬盘内容; JS实现仿新浪信息提示效果; Js 按照MVC模式制作自定义控件; 滑动展开/收缩广告代码实例效果; JS实现的滑动展开与折叠效果; 时钟广告跳转状态栏等JS代码; 一个以Javascript+xml的树型列表; target 属性怎么用 JS 来控制？; 一组常用的弹出窗口用法总结; 冒泡算法的三种JavaScript表示; 网页最简短的拖动对象代码实例演示

No. « ‹ 236 237 238 239 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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