javascript - Javascript获取具有一类二的所有元素
问题描述
我有很多带有 class="cat-box" 和 class="cat-box hidden" 的 div。
我创建了一个 javascript 来查看所有带有 cat-box 的类,但它同时计算了“cat-box”和“cat-box hidden”。
如何仅计算具有 cat-box 类的元素?
我的脚本:
function GetMore() {
var allvis = document.getElementsByClassName('cat-box').length;
alert(allvis);
}
解决方案
您可以使用:not
CSS 伪类来实现这一点:
document.querySelectorAll('.cat-box:not(.hidden)');
推荐阅读
- android - Firebase 云消息传递:FCM 令牌过期
- autodesk-forge - MAX 到 SVF 导致审美问题
- airflow - 在 Airflow DAG 中生成要单独处理的多个任务
- kubernetes - ServiceAccount 机密在 OpenTelekomCloud 的 ClusterContainerEngine 中以限制性权限挂载
- ruby-on-rails - 如何通过 URL_path 传递值并在 Rails 的目标页面中检索它
- python-3.x - 如果发现重复的文件名,发出警报并停止脚本
- json - 使用内部属性合并数组
- angular - 在 Angular 的 http 订阅操作中使用 ngx-spinner
- python - 在 Python 循环中使用 return 语句
- reactjs - 这两个流类型别名有什么区别?