Как получить все элементы с классом .title из всех #shadow-root на странице?

Question

[Shimpanze]

Добрый день!

На странице есть множество #shadow-root внутри которых есть элементы с классом .title. Как получить их все? Почему не работает эта конструкция?

[].forEach.call(document.getElementsByClassName('title'), function(a) {
  console.log(a);
});

Спасибо!

Comments

[Bhudh]

На странице есть множество #shadow-root

В комнате есть много-много людей с одинаковыми именами и на всех надеты галстуки.
Идентификатор он на то и идентификатор, что на странице должен быть один.

Почему не работает эта конструкция?

Не знаю. У меня работает.

[ThunderCat]

как выше написали идентификатор по стандарту должен быть уникальным. ошибка начинается со слов

есть множество #shadow-root

, что дает как минимум неоднозначное поведение движка яваскрипт в разных браузерах, а еще нарушает правила построения DOM.

Answer 1

[VaniaFed]

Попробуй document.querySelectorAll('#shadow-root .title');