javascript - 使用 forEach 方法更改项目的属性 (javascript)

Question

我正在使用 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>

任何帮助都会很棒

艾米丽

Answer 1

删除引号，例如:var myArray = [div1,div2,div3]