我正在使用 javascript forEach 方法来迭代数组中的项目,但当我尝试对这些项目执行某些操作时,它会抛出错误。
在下面的代码中,当我控制台记录“item”时,它给出了将“div1、div2、div3”记录到控制台的所需行为。但是,当我尝试更改这些项目时,它不允许这样做。当你谷歌时,在 JS 中使用 forEach 方法的例子非常抽象。
如何使用此方法更改项目的背景颜色或其他属性?
Codepen 链接在这里 https://codepen.io/emilychews/pen/boJBKB
JS
var div1 = document.getElementById('div1');
var div2 = document.getElementById('div2');
var div3 = document.getElementById('div3');
var myArray = ['div1','div2','div3']
myArray.forEach(function(item){
console.log(item);
item.style.backgroundColor = "blue";
})
CSS
.div {height: 50px; width: 50px; background-color: red; margin-bottom: 10px;}
HTML
<div class="div" id="div1"></div>
<div class="div" id="div2"></div>
<div class="div" id="div3"></div>
任何帮助都会很棒
艾米丽
最佳答案
删除引号,例如:var myArray = [div1,div2,div3]
关于javascript - 使用 forEach 方法更改项目的属性 (javascript),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46868297/