css - Google Tag Manager css 选择器获取第三个跨度的值

Question

在此示例中，我如何从第三个跨度中获取值 93？

<div class="rating-result">
<span>
<span>
<span itemprop="ratingValue">93</span>% of <span 
itemprop="bestRating">100</span>
</span>
</span>
</div>

我试过这样的事情，但都不管用:

div.rating-result > 跨度 > 跨度或者div.rating-result > span:nth-child(3)

Answer 1

使用

var el=document.querySelector('span[itemprop=ratingValue]').textContent;

您的结果 (93) 在 el 变量中。使用 tis 行，您将获得所有带有属性 itemprop 的跨度，该属性 itemprop 添加值 ratingValue。请注意 document.querySelector('span[itemprop=ratingValue]') 只能返回第一次出现。