鑑於3個元素，返回元素的數量與給定一些HTML這樣一個給定的類

Question

：

<a>foo</a> 
<a class="active">bar</a> 
<a>baz</a> 

什麼的JavaScript將返回元素的數量與活性類？例如，如果這些數組是以如下形式返回的：[].slice.call(document.getElementsByTagName('a'));，我想返回數字1，表示數組中的第二個元素。

以下是我已經試過了，它只是不斷返回1和2：

var tagCount = 0; 
var tagArray = [].slice.call(document.getElementsByTagName('a')); 
for (var a = 0; a < tagArray.length; a++) { 
    while (tagArray.className[a] !== "active") { 
     tagCount = tagCount + 1; 
    } 
} 

我並不需要所有a標籤，只是那些另一個元素的內部。

Answer 1

您可以使用Array.prototype.indexOf.call，與querySelector和querySelectorAll聯合：

var i = [].indexOf.call(document.querySelectorAll('a'), document.querySelector('a.active')); 
 
console.log(i);

<a>foo</a> 
 
<a class="active">bar</a> 
 
<a>baz</a>