注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

江志祥的博客

可恶的中国银行,信用卡像病毒啊,取消那么难,,,

 
 
 

日志

 
 

用javascript提取html中class相同的节点标签集合  

2014-09-02 16:25:51|  分类: 计算机_html |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
用javascript提取html中class相同的节点标签集合,class为定义的css: 
<script 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>
  评论这张
 
阅读(220)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017