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

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

Javascript: javascript进行客户端数据的校验; javascript中如何实现浏览器上的右键菜单; 用javascript使链接按钮不断变化; 利用javascript制作倒计时牌; 用javascript实现变色背景和文字; 让弹出窗口变得“体贴”一些(javascript); javascript实例教程(1) 创建弹出式窗口; javascript实例教程(2) 创建折叠式导航菜单; javascript实例教程(3) 探测浏览器插件; javascript实例教程(4) 探测浏览器插件; javascript实例教程(5) 在一个表单中设置和检查Cookies; javascript实例教程(6) 利用javascript进行密码保护; javascript实例教程(7) 利用javascript基于浏览器类型的重定向; javascript实例教程(8) 检验表单有效性; javascript实例教程(9) 随机显示图片; javascript实例教程(10) 创建后退按钮; javascript实例教程(11) 隐藏script代码; javascript实例教程(12) 鼠标移过时报警; javascript实例教程(13) 鼠标触发窗口; javascript实例教程(14) JS代替CGI

No. « ‹ 235 236 237 238 › »

技术文章搜索

关键字

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

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

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