如何解决如何一次管理所有ID?
这是我在文件夹中的HTML和js文件的示例代码。 指令是“当页面加载时,console.log记录消息“这里是矩形ID”,然后console.log记录所有矩形的ID,一次一次。”
解决方法
- IDcaller [i] .id可能更有用
- 拼写错误的getElementClassName。是getElementsByClassName
- 您需要包装的子项,因此您确实需要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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。