如何 select 動態 javascript dom 元素

Question

我創建了一個 javascript 腳本來創建幾個 div。 現在我想再次使用 javascript 但我無法做到這一點。

 data.map((_r) => {
    classesList.innerHTML += `
    <div class="class" name=${_r.name} >
          <div class="top">
            <h1>${_r.name}</h1>
            <i class="fas fa-arrow-down"></i>
          </div>
          <div class="bottom">
            <p>${_r.count}</p>
          </div>
        </div>
    `;
  });

使用document.querySelectorAll(".class")獲取插入的元素返回一個空的 NodeList

Answer 1

 data = [{ name:'Steve',count:10 },{name:'Everst',count:1}]; let html=''; data.map((_r) => { html += ` <div class="class" name=${_r.name} > <div class="top"> <h1>${_r.name}</h1> <i class="fas fa-arrow-down"></i> </div> <div class="bottom"> <p>${_r.count}</p> </div> </div> `; }); document.body.innerHTML=html; let divs = document.querySelectorAll(".class"); console.log(divs)