Question

javascript 怎么通过类名选择

就像jquery一样,怎么通过类名来选择对象,js就提供了通过id,和name,tag,不够用啊

Answer 1

不清楚你具体要实现什么功能，给你一个实例，也算一个思路，你可以依据这个实现你要实现的效果，有不清楚的地方留言
<div style="width:200px; height:200px; border:1px solid #ccc;" class="lala">
</div>
<script type="text/javascript">
var obj = document.getElementsByTagName("div");
for(var i=0;i<obj.length;i++){
if(obj.item(i).className=="lala"){
alert(obj.item(i).style.width);
}
}
</script>
说明：首先设置一个div，其类名为lala，然后用js获取类名为lala的div，并alert出此div的宽度

Answer 2

通过document.all遍历页面中的元素：
<div class="big">
<div class="small1">1</div>
<div class="small2">2</div>
<div class="small3">3</div>
</div>
<script type="text/javascript">
function selectByclassName(CName){
for(i=0;i<document.all.length;i++)
{
if(document.all[i].className==CName)
return document.all[i];
}
}
document.write("刚才选择的是"+selectByclassName("big").tagName+"元素");
</script>

Answer 3

//使用下面的函数，通过遍历类型为tagName的元素的class，获取class为指定类型的元素。注：一个元素可能有好几个class。
function getElementsByClassName(className,tagName){
var 
ele=[],all=document.getElementsByTagName(tagName||"*");     
for(var i=0;i<all.length;i++){ 
    
if(all[i].className.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'))){ 
    
ele[ele.length]=all[i];     
}     
  }
return ele; 
    
}

Answer 4

有的，getElementByClassName(class);
HTML5 DOM中新增了一个令人期待已久的方法，getElementByClassName(class）;这个方法让我们可以通过class属性中的类名来访问元素。这个方法还比较新，某些DOM实现里可能还没有！

建议楼主搜下它的使用方法！
以后总会有用的！