Можно ли подключиться к тегу,если он создан через insertAdjacentHTML?

Question

[Mykhailo Nikolaiev]

Можно ли подключиться к тегу,если он создан через insertAdjacentHTML?Или нужно пересоздавать разметку через document.createElement?

Comments

[Алексей Уколов]

Что значит «подключиться к тегу»?

[Mykhailo Nikolaiev]

Алексей Уколов, получить ссылку на него

[Алексей Уколов]

Можно, стандартными механизмами.

[Mykhailo Nikolaiev]

Алексей Уколов, если через document.querySelectorAll то показывает null,если искать через children то будет undefined,подскажите что такое стандартные механизмы?

[Алексей Уколов]

Покажите код — перечисленные способы должны работать. И текстом, а не картинкой.

[Mykhailo Nikolaiev]

Алексей Уколов, import gallery from "./gallery-items.js";

const ul = document.querySelector(".js-gallery");
const galleryLink = document.querySelectorAll("ul .gallery__link");

console.log(galleryLink);

function createGalleryList(data) {
data.forEach((el) => {
const item = buildGalleryItem(el);

ul.insertAdjacentHTML("beforeend", item);
});
}

function buildGalleryItem({ preview, description, original }) {
return `
class="gallery__link"
href=${original}
>
class="gallery__image"
src=${preview}
data-source="${preview}"
alt=${description}
/>

`;
}

createGalleryList(gallery);

[Алексей Уколов]

Сначала нужно добавить элементы в DOM, а потом уже пытаться их оттуда получить.

[Mykhailo Nikolaiev]

Алексей Уколов, блин,точно!!!спасибо!

Answer 1

[Алексей Уколов]

Сначала нужно добавить элементы в DOM, а потом уже пытаться их оттуда получить.