如何一次控制所有 ID？

Question

displayHex = () => {
  const IDcaller = document.getElementClassName("rectangleWrapper");
  setInterval(() => {
    for (let i = 0; i < IDcaller; i++) {
      console.log(IDcaller.id);
    }
  }, 1000);
  displayHex();
}

<div class="parentClass" id="rectangleWrapper">
  <div class="color" id="blue">
</div>
  #5591CE

这是我的 HTML 示例代码和一个文件夹中的 js 文件。指令是“当页面加载时，console.log 消息“这是矩形 ID”，然后 console.log 所有矩形的 ID，一次一个。”

Answer 1

IDcaller[i].id 可能更有用
getElementClassName 的拼写错误。它是 getElementsByClassName
你想要包装器的 children 所以你真的想要 document.querySelectorAll

也许这个

displayHex = () => {
  const IDs = [...document.querySelectorAll("#rectangleWrapper .color")]
    .map(caller => caller.id); // get the IDs
  let cnt = 0;
  let tId = setInterval(() => { // save the interval variable
    if (cnt < IDs.length) {
      console.log(IDs[cnt]);
      cnt++;
    }
    else  clearInterval(tId); // stop the interval  
  }, 1000);
};
displayHex()

#blue { background-color: #5591CE; }
#red { background-color: #FF91CE; }
#green { background-color: #11FF11; }

<div id="rectangleWrapper">
  <div id="blue" class="color">Blue</div>
  <div id="red" class="color">Red</div>
  <div id="green" class="color">Green</div>
</div>

如何一次控制所有 ID？

How to console all ID's one at a time?

javascript

dom

console.log