仅从跨度内部获取第一个文本值作为标签管理器变量

Question

我一直在尝试获取跨度下的值并将其用作标签管理器内的变量，但没有成功。我在自定义 JavaScript 变量中尝试了一些不同的脚本，但总是返回“未定义”。

下面是 HTML，我试图在计数类下获取用户购物车中的商品数量

<div class="site-main-menu__buttons-col">
                    <a class="link--icon-count">
                        <i class="icon--cart"></i>
                        <span class="is-hidden">Shopping cart</span>
                            <span class="count">1<span class="is-hidden"> items</span></span>
                    </a>
            </div>

我尝试了如下所示的简单方法，但没有成功，正如我已经提到的，我只是未定义

function(){return document.getElementsByClassName("count").innerHTML;}

Answer 1

document.getElementsByClassName

返回匹配列表，因为类不是唯一的，因此您可以通过执行

document.getElementsByClassName("count")[0].innerHTML

来获取第一项。

但是 ID 似乎更适合您想要实现的目标，因为它们是唯一的，因此您可以执行

document.getElementsById("count").innerHTML

并将

class="count"

替换为

id="count"

。