Получить значение атрибута тега при активной вкладке - PullRequest
0 голосов
/ 09 ноября 2018

Я пытаюсь получить значение внутри тега, если вкладка активна.

Тег выглядит так:

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

Я хочу получить значение " true " атрибута "aria-selected" .

Моя последняя цель - запустить тег (GTM), чтобы получить Заголовок раздела , когда Tab активен (следовательно, атрибут true).

Я пробовал это:

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

Примечание: я не могу получить доступ к источнику html для изменения элементов.

Ответы [ 3 ]

0 голосов
/ 09 ноября 2018

Ниже приведен внутренний текст первого элемента с классом ".top-tab" и атрибутом aria-true "true"

var elementInnerText = document.querySelector(".top-tab, [aria-selected=true]").innerText;
0 голосов
/ 09 ноября 2018

Чтобы получить все теги, у которых area-selected = "true"

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

Тогда получите внутренний html элемента

selected[0].innerHTML;

Я не уверен, почему вам нужно получить их по классу. Есть ли у вас атрибут "area-selected" для других элементов? Если нет, то приведенный выше код должен нормально работать,

0 голосов
/ 09 ноября 2018

То, что вы хотите сделать, это использовать

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

Это вернет значение этого атрибута внутри тега top-tab.

Вы можете использовать это значение, чтобы затем оценить, хотите ли вы получить внутренний тест <li> со следующим.

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