Мне нужно обратиться к элементу .tasks_item, но он находится не в html, а в main.js В консоль выводится пустой NodeList. КАК ЭТО СДЕЛАТЬ?

Question

[alexey__pereverzev]

for (key in content) {
    
      list.innerHTML += `
      
      <li class="tasks__item">
        ${content[key].id}
      <div class="dropdown-content">
        <h1>${content[key].title}</h1>
        <img src="${content[key].url}" width="300">
      </div>
      </li>
      
      `
  }
}

getResponse();

const taskElements = document.querySelectorAll(`.tasks__item`);
console.log(taskElements);

Comments

[Сергей delphinpro]

Элементарно: Нужно обращаться к элементу после того, как он будет создан и вставлен в страницу.

Answer 1

[Женя Ренессанс]

Попробуйте так

document.addEventListener('DOMContentLoaded', function(){
        const taskElements = document.querySelectorAll(`.tasks__item`);
        console.log(taskElements);
});

Answer 2

[Владимир Коротенко]

По моему работает