Почему не срабатывает селектор JS?

Question

[Простой Человек]

Есть скрипт

let divPter = document.querySelector('.tupl2x-0');
let divPMA = document.querySelector('.navigationbar');

  divPter.insertAdjacentHTML("afterend", "<ul id='admin-links'><li class='vatnikstyleS-li'><a href='https://mysite.ru'><span class='m-icon icon-pter'></span> Перейти на сайт</a></li><li class='vatnikstyleS-li'><a href='https://mysite.ru/admin'><span class='m-icon icon-adminka'></span> Перейти в админку</a></li><li class='vatnikstyleS-li'><a href='https://bans.mysite.ru'><span class='m-icon icon-sb'></span> Перейти в SB++</a></li><li class='vatnikstyleS-li'><a href='https://pma.mysite.ru'><span class='m-icon icon-pma'></span> Перейти в PMA</a></li><li class='vatnikstyleS-li'><a href='https://mysite.ru'><span class='m-icon icon-isp'></span> Перейти в ISP</a></li><li class='vatnikstyleS-li'><a href='https://mysite.ru'><span class='m-icon icon-cf'></span> Перейти в CF</a></li></ul>")
  divPMA.insertAdjacentHTML("afterend", "<ul id='admin-links'><li class='vatnikstyleS-li'><a href='https://mysite.ru'><span class='m-icon icon-pter'></span> Перейти на сайт</a></li><li class='vatnikstyleS-li'><a href='https://mysite.ru/admin'><span class='m-icon icon-adminka'></span> Перейти в админку</a></li><li class='vatnikstyleS-li'><a href='https://bans.mysite.ru'><span class='m-icon icon-sb'></span> Перейти в SB++</a></li><li class='vatnikstyleS-li'><a href='https://mysite.ru'><span class='m-icon icon-pma'></span> Перейти в PMA</a></li><li class='vatnikstyleS-li'><a href='https://mysite.ru'><span class='m-icon icon-isp'></span> Перейти в ISP</a></li><li class='vatnikstyleS-li'><a href='https://mysite.ru'><span class='m-icon icon-cf'></span> Перейти в CF</a></li></ul>")

В divPter всё стабильно работает, в divPMA не хочет (не вставляется HTML; делал путём копирования, ошибки быть не может, проверял).

Comments

[Ankhena]

Вам не приходило в голову, что показывать нужно весь относящийся к вопросу код? Причем не скринами, а в песочнице.

Смотрите, работает: https://jsfiddle.net/r496p1Lc/
Правда, возникает вопрос, зачем 2 раза один и тот же текст писать в js.

[Простой Человек]

Ankhena,

Pterodactyl
PMA

Хммм ... странно.
Там, где не работает - это phpMyAdmin последней версии

Правда, возникает вопрос, зачем 2 раза один и тот же текст писать в js.

Ну потому что, одно и тоже нужно вставить на разные сайты

[Ankhena]

БлагоЯр Тишина, это не повод дублировать текст.
Можно написать селекторы через запятую и forEach, можно написать функцию.

[Простой Человек]

Ankhena, просто я нубас в JS, поэтому мне долго разбираться, как это сделать.

[Ivan Bogachev]

Поскольку вы не говорите про ошибки в консоли, подкину тупой вопрос, который можно пропустить и не заметить: на момент выполнения этого кода у вас на странице .navigationbar присутствует только в одном экземпляре? Может все добавляется, но не туда, куда вы ожидаете?

[Простой Человек]

.navigationbar присутствует только в одном экземпляре?

Ну да, в одном, тоже была эта мысль, что не один.
Да и по логике PMA там и не может быть дубликата этого селектора.

Поскольку вы не говорите про ошибки в консоли

Я чёт совсем забыл про этот функционал :)

Ошибки

Хотя на сайте с селектором .tupl2x-0 та же ошибка, но меню отображается