如何在循環中為 javascript 中的 div 元素設置 id 屬性。使用子節點或其他

Question

<div id="demo" style="display: flex; flex-wrap: wrap;">
 <div id="show">
  <div>Srikanya : 4K,DolbyAtmos</div>
  <div id="showtimes">
   <div>11:00am</div>
   <div>02:00pm</div>
   <div>06:00pm</div>
   <div>09:30pm</div>
  </div>
 </div>

  const collection = document.getElementById("demo").children;
  for(i = 0; i <= 5; i++){
    collection[i].id = "show";
    collection[i].lastChild.id = "showtimes";
    collection[i].lastChild.children.id = "timings";

**我想在循環中為 showtime 的子節點設置 id 屬性，但我無法做到這一點，我不知道我的代碼有什么問題 **

**我想在一個循環中為 showtime 的子節點設置 id 屬性，但我無法這樣做，不知道我的代碼在使用 js 時出了什么問題 **

Answer 1

錯誤一： lastChild
錯誤 2： for(i = 0; i <= 5; i++){
錯誤 3： lastChild.children

 const collection = document.getElementById("demo").children; console.log(collection); const count = collection.length; for (i = 0; i < count; i++) { collection[i].id = "show"; collection[i].lastElementChild.id = "showtimes"; const nestedChildren = collection[i].lastElementChild.children; const count2 = nestedChildren.length; for (i = 0; i < count2; i++) { nestedChildren[i].id = "timings" + [i]; } }

 <div id="demo" style="display: flex; flex-wrap: wrap;"> <div> <div>Srikanya: 4K,DolbyAtmos</div> <div> <div>11:00am</div> <div>02:00pm</div> <div>06:00pm</div> <div>09:30pm</div> </div> </div> </div>