Как из NodeList получить элемент?

Question

[TyllerDurden]

Давно не касался js, поэтому, наверное, что-то забыл.

<nav class="nav-topics">
        <a href="#" class="nav-topics__topic nav-topics__topic_active">1</a>
        <a href="#" class="nav-topics__topic">2</a>
        <a href="#" class="nav-topics__topic">3</a>
        <a href="#" class="nav-topics__topic">4</a>
        <a href="#" class="nav-topics__topic">5</a>
        <a href="#" class="nav-topics__topic">6</a>
        <a href="#" class="nav-topics__topic">7</a>
        <a href="#" class="nav-topics__topic">8</a>
    </nav>

let navTopics = document.querySelector(".nav-topics");
let navTopic = document.querySelectorAll(".nav-topics__topic");

for (let topic of navTopic) {
    navTopics.insertAdjacentHTML("beforeEnd", topic);
}

С помощью quertSelectorAll хочу получить все элементы с указанным классом. После чего пытаюсь эти элементы вставить в конец другого элемента. И вместо самих элементов почему-то вставляются ссылки вида file:///C:/Users/Username/Desktop/site/index.html

Если вывести элемент в консоль, то a.nav-topics__topic

Наверное я делаю неправильно и что-то забыл. Как сделать правильно?

Comments

[WbICHA]

В твоём случае проблема не в получении элемента, проблема в том, что ты не читаешь документацию к используемым методам.

[TyllerDurden]

WbICHA, перед тем, как задать вопрос, я заглянул в документацию. И вопрос остался. На что конкретно обратить внимание?

[WbICHA]

TyllerDurden, на тип ожидаемых аргументов.

[TyllerDurden]

WbICHA, ты про это? text?
insertAdjacentHTML(position, text);

[WbICHA]

TyllerDurden, а что, есть ещё какие-то варианты?

[TyllerDurden]

WbICHA, какой же ты ЧСВ. Не отвечай мне больше, только настроение портишь своим тоном.

[WbICHA]

TyllerDurden, спасибо за комплимент.

Answer 1

[Сергей Соколов]

Кликните где угодно, и снова:

Comments

[TyllerDurden]

Спасибо)