<分区>
问题是:
将下面的 3 个 div(它们不可见)更改为 50x50 红色方 block
<div class="empty"></div>
<div class="empty"></div>
<div class="empty"></div>
我们正在更改的内置类:
<style media="screen">
.red{
width:50px;
height:50px;
background:red;
}
此解决方案仅作用于第一个和最后一个 div,将中间部分排除在外:
let boxes = document.getElementsByClassName('empty');
function addThree(boxes) {
for (let i = 0; i < boxes.length; i++) {
boxes[i].className = 'red';
}
}
addThree(boxes);
适用于所有三个 div 的解决方案;
let boxes = document.getElementsByClassName('empty');
function addThree(boxes) {
for (let i = 0; i < boxes.length; i++) {
boxes[i].classList.add('red');
}
}
addThree(boxes);
不太确定这里有什么区别,如果有人能给出解释那就太棒了!