计算没有名称或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()

＆＃13;

＆＃13;

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

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

现在，您可以像在CSS中一样编写查询。

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

Answer 2

你可以用jQuery做到这一点：

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