Словить uniqueId?

Question

[GRO24]

При загрузке каждой страницы js генерирует уникальный код выпадающему
Как мне можно перехватить генерируемый код в переменную?

<ul id="drop-down-fWxZUrR0-list" aria-labelled-by="drop-down-fWxZUrR0" class="dropdown-menu">

Answer 1

[i1yas]

var idAttr = document.querySelector('.dropdown-menu').getAttribute('id'); // drop-down-fWxZUrR0-list
var id = idAttr.split('-')[2]; // fWxZUrR0

Comments

[GRO24]

Спасибо, а если асинхронная загрузка? Кроме как settimeout можно ли что-то придумать?
Т.к сейчас код выполняется раньше чем получает содержимое и получаю Uncaught TypeError: Cannot read property 'getAttribute' of null

[Антон Швец]

GRO24, можно выстроить цепочку MutationObserver но в вашем случае это перебор, setInterval и норм.

[GRO24]

Антон Швец, понял и еще вопросик последний
если таких выпадающих 2 на странице?
мне нужно найти их обе. 2 разные переменные
как лучше реализовать? если не сложно

[Антон Швец]

GRO24, querySelectorAll чтоли? Найти всех с заданным классом например.

[GRO24]

Антон Швец, Если так найду разбить на 2 переменные не получится ведь? или я гоню?

[i1yas]

GRO24, можно при желании, querySelectorAll возвращает NodeList, нечто похожее на массив.
Вот две переменные

var dropdownElementList = document.querySelectorAll('.dropdown-menu');
var firstId = dropdownElementList[0].getAttribute('id'),
      secondId = dropdownElementList[1].getAttribute('id')

Но если вы планируете множество выпадашек на странице, то лучше - массив:

var dropdownElementList = document.querySelectorAll('.dropdown-menu');
var idList = []
dropdownElementList.forEach(function(item) {
    idList.push(item.getAttribute('id'));
})

[Антон Швец]

i1yas, [...document.querySelectorAll('.dropdown-menu')]

[GRO24]

i1yas, низкий поклон)