javascript通过class属性元素源码下载

class是dom元素最为常用的属性之一，例如可以通过class属性设置元素的样式，如果能够class属性来获取相应的dom元素那就再方便不过了，幸好javascript提供了这样的功能，使用getElementsByTagName()函数就可以获取具有指定class属性值的对象集合，不过很可惜，具有一定的浏览器兼容问题，当然是IE低版本浏览器导致的，下面就介绍一下如何实现全兼容效果。

代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="https://www.51qianduan.com/" /> 
<title>51前端</title> 
<script type="text/javascript">  
function getElementsByClassName(n){ 
  var classElements=[],allElements=document.getElementsByTagName('*'); 
  for(var i=0; i< allElements.length; i++ ){ 
    if(allElements[i].className==n){ 
      classElements[classElements.length] = allElements[i];
    } 
  } 
  return classElements; 
} 
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    alert(getElementsByClassName("antzone")[0].innerHTML)
  }
}
</script>  
</head>  
<body>  
<input type="button" id="bt" value="点击查看效果"/>
<ul id="box"> 
  <li>51前端一</li> 
  <li class="antzone">51前端二</li> 
  <li>51前端三</li> 
  <li>51前端四</li> 
</ul> 
</body>  
</html>

代码描述：javascript通过class属性元素。javascript通过class属性元素源码下载

下载全部收藏

159 212

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册