时间戳

首页 > 解决方案 > 如何在javascript中获取childtag属性的出现次数

javascript - 如何在javascript中获取childtag属性的出现次数

问题描述

以下是我的jsp页面。

<div id="document-wrapper" class="document-wrapper">
  <div class="document">
          <p class="Normal DocDefaults " style="background-color:#9ee0b8" data-type="question">text</p>

          <p class="Normal DocDefaults " style="text-align: justify;border-color: #FFFFFF; border-style:solid; border-width:1px;background-color: #FFFFFF;margin-bottom: 3mm;line-height: 218%;" data-type="question">another text</p>
          <p class="Normal DocDefaults ">&nbsp;</p>
    </div>
</div>

我想获得 data-type="question" 的出现次数

标签。我尝试了 js 的查找和属性属性，但无法打印该值。

标签： javascript

解决方案

用于document.querySelectorAll在具有类的元素中查找所有这些元素document-wrapper：

const els = document.querySelectorAll('.document-wrapper [data-type="question"]');
console.log(els.length);
<div id="document-wrapper" class="document-wrapper">
  <div class="document">
    <p class="Normal DocDefaults " style="background-color:#9ee0b8" data-type="question">text</p>
    <p class="Normal DocDefaults " style="text-align: justify;border-color: #FFFFFF; border-style:solid; border-width:1px;background-color: #FFFFFF;margin-bottom: 3mm;line-height: 218%;" data-type="question">another text</p>
    <p class="Normal DocDefaults ">&nbsp;</p>
  </div>
</div>

推荐阅读