首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >计数没有名称或ID的通用DIV标记

计数没有名称或ID的通用DIV标记
EN

Stack Overflow用户
提问于 2016-02-01 14:32:51
回答 2查看 41关注 0票数 2

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

代码语言:javascript
运行
复制
<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>

这一页上还有其他的设计信息。我只想把目标对准那些有style="font-family:Courier New;"帮助的人?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-02-01 14:40:43

你在找querySelectorAll()

代码语言:javascript
运行
复制
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';
}
代码语言:javascript
运行
复制
<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

票数 4
EN

Stack Overflow用户

发布于 2016-02-01 14:37:38

您可以使用jQuery来完成这个任务:

代码语言:javascript
运行
复制
console.log($("[style='font-family:Courier New;']").length);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35133113

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档