计算没有名称或ID的通用DIV标签

Question

如何使用javascript来计算DIV标签的数量？唯一的属性将永远是style="font-family:Courier New;"

<div style="font-family:Courier New;">Some text</div> 
<div style="font-family:Courier New;">Some text</div> 
<div style="font-family:Courier New;">Some text</div> 

还有其他的DIV的页面。我只是想瞄准那些有style="font-family:Courier New;" 任何帮助？

Answer 1

您正在寻找querySelectorAll()

var courier = document.querySelectorAll('div[style="font-family:Courier New;"]'); 
 

 
for (var i = 0, len = courier.length; i < len; i++) { 
 
\t courier[i].style.color = 'red'; 
 
}

<div style="font-family:Courier New;">Some text</div> 
 
<div style="font-family:Courier New;">Some text</div> 
 
<div style="font-family:Arial;">Some text</div> 
 
<div style="font-family:Courier New;">Some text</div>

现在，您可以准确地编写一个查询，你会在CSS。

适用于所有的主流浏览器：http://caniuse.com/#feat=queryselector

Answer 2

您可以用jQuery做到这一点：

console.log($("[style='font-family:Courier New;']").length);