Tab处于活动状态时获取标签属性值

Question

如果选项卡处于活动状态，我试图在标签内检索值。

标签如下：

<li class="top-tab" role="tab" tabindex="0" aria-selected="true" aria-expanded="true"> TITLE OF SECTION </li>

我想检索属性“选定的咏叹调” 的值“ true ”。

我的最终目标是在Tab处于活动状态（因此属性为true）时触发代码（GTM）以获取部分标题。

我尝试过这个：

 document.getElementsByClassName("top-tab")[0].Attr("aria-selected").value("true").textContent

注意：我无法访问html源来修改元素。

Answer 1

您要使用的是

document.getElementsByClassName("aria-selected")[0].getAttribute("aria-selected")

这将在top-tab标记内返回该属性的值。

您可以使用此值来评估是否要通过以下方法获取<li>的内部测试。

document.getElementsByClassName("top-tab")[0].innerText

Answer 2

下面将获得第一个元素的内部文本，其类别为“ .top-tab”和aria选择的属性“ true”

var elementInnerText = document.querySelector(".top-tab, [aria-selected=true]").innerText;

Answer 3

要获取所有具有area-selected =“ true”的标签

var selected  = document.querySelectorAll('[aria-selected="true"]');

然后获取元素的内部html

selected[0].innerHTML;

我不确定为什么需要按班上课。在其他元素上是否具有“区域选定”属性？如果没有，那么上面的代码对您来说应该就可以了，