Question

js获取class值相同的div的数量

我想获取class相同的div数量
比如：
<div class="a">qq</div>
<div class="a">qq</div>
<div class="a">qq</div>
<div class="a">qq</div>
<div class="a">qq</div>
<div class="a">qq</div>
<div class="a">qq</div>
<div class="a">qq</div>

js该怎么写？

var x = document.getElementsByTagName("a");
alert(x.length);

弹出为0

求解~

Answer 1

getElementsByTagName是获取标签名，你这个写法获取的是<a></a>的数量，所以是0。你可以写个方法

function getElementsByClassName(n) {
    var classElements = [],allElements = document.getElementsByTagName('div');//所有div
    for (var i=0; i< allElements.length; i++ )
   {
       if (allElements[i].className == n ) {
           classElements[classElements.length] = allElements[i];
        }
   }
  alert(classElements.length);
   return classElements;
}
//调用
getElementsByClassName("a");

Answer 2

//本人是JQ .

$(function(){
    var dv_num = 0; 
    $(".aa").each(function(){
    dv_num +=1;
          
   })    
    alert(dv_num); 
})

追问

能不能不用JQ

追答

你akert x如果是ob ， 那就说明有对象，说明获取到了，length不对。换个方法