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

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

Javascript: 页面中body onload 和 window.onload 冲突的问题的解决; OnFocus与OnBlur的例子区别; javascript cloneNode()方法的使用; Javascript 文件夹选择框的两种解决方案; JQuery 风格的HTML文本转义; javascript 验证码生成代码推荐学习; javascript new 需不需要继续使用; javascript 操作文件实现方法小结; JavaScript 注册表访问实现代码; javascript web页面刷新的方法收集; Javascript 遍历对象中的子对象; javascript 具名函数的四种调用方式推荐; javascript 写类方式之一; javascript 写类方式之二; javascript 写类方式之三; javascript 写类方式之四; javascript 写类方式之五; javascript 写类方式之六; javascript 写类方式之七; javascript 写类方式之八

No. « ‹ 143 144 145 146 › »

技术文章搜索

关键字

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

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

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