javascript - While 循环抛出错误 - Javascript

Question

我正在学习 JS 中的新循环结构，但我无法像使用 for 循环那样使用 while 循环来更改元素。

在以下代码中，它抛出错误“无法设置未定义的属性‘背景’”。这似乎与变量 mydiv 有关？

有人想知道为什么会这样或者这里发生了什么吗？

JS

var mydiv = document.getElementsByTagName('div');

var i = 0;

while (i < mydiv.length) {
 mydiv.style.background = "yellow";
 i++;
}

CSS

body {display: flex;}
.box {width: 100px; height: 100px; background: red; margin: 0 
10px;}

HTML

<div class="box"></div>
<div class="box"></div>

Answer 1

您需要通过循环内的索引访问元素

var mydiv = document.getElementsByTagName('div');

var i = 0;

while (i < mydiv.length) {
 mydiv[i].style.background = "yellow";
 i++;
}