Javascript 循环迭代数组以查看动态创建的div';s id在那里,不是吗';我不能正常工作
请帮忙!!!我做了一个带有标志的游戏测验,作为JavaScript的练习。在一个容器中,我以国家名称作为选项动态创建div。当一个div被单击时,程序会迭代一个具有正确答案的对象数组,如果单击的div的id在其中,我想向div添加一个绿色边框。如果出现错误,请使用红色边框。我有以下代码:Javascript 循环迭代数组以查看动态创建的div';s id在那里,不是吗';我不能正常工作,javascript,html,for-loop,dynamic,Javascript,Html,For Loop,Dynamic,请帮忙!!!我做了一个带有标志的游戏测验,作为JavaScript的练习。在一个容器中,我以国家名称作为选项动态创建div。当一个div被单击时,程序会迭代一个具有正确答案的对象数组,如果单击的div的id在其中,我想向div添加一个绿色边框。如果出现错误,请使用红色边框。我有以下代码: x = document.getElementById("container").childNodes; x[x.length-1].addEventListener("clic
x = document.getElementById("container").childNodes;
x[x.length-1].addEventListener("click", function (e) {
for(i=0; i<realNeighbours.length; i++){
if(realNeighbours[i]['code3'].includes(e.target.id)) {
e.target.style.border = '1px solid green';
console.log(this.innerHTML);
} else {
e.target.style.border = '1px solid red';
console.log('wrong')
}
}
});
x=document.getElementById(“容器”).childNodes;
x[x.length-1]。添加了“单击”,函数(e){
对于(i=0;我还可以显示数组realnights的内容及其计算方式。同样,在提供的代码中,事件列表器仅添加到x的最后一个子项。我假设x是所有div的数组(动态生成)事件监听器是否应该添加到所有div中,或者您是否在这里使用事件委派?数组是动态创建的,内容如下:[{“code”:“AF”,“code3”:“AFG”,“name”:“Afghanistan”,“number”:“004”},{“code”:“DZ”,“code3”:“DZA”,“name”:“阿尔及利亚”,“number”:“012”},{“代码”:“AS”,“代码3”:“ASM”,“名称”:“美属萨摩亚”,“编号”:“016”},{“代码”:“AD”,“代码3”:“和”,“名称”:“安道尔”,“编号”:“020”},]
x是一个容器,用于保存生成的div。divs id是每个国家/地区的代码3。eventListener必须与所有divs关联。根据您仅将事件侦听器添加到容器最后一个子级的代码。