Javascript 一次更改多个div的属性

我有一个函数可以改变七个div的宽度。现在看起来是这样的

 document.getElementById('monday7').style.width = "76";
 document.getElementById('tuesday7').style.width = "76";
 document.getElementById('wednesday7').style.width = "76";
 document.getElementById('thursday7').style.width = "76";
 document.getElementById('friday7').style.width = "76";
 document.getElementById('saturday7').style.width = "76";
 document.getElementById('sunday7').style.width = "76";

这是完美的工作，但我需要重复类似的代码像上面的一样20次。 所以我有以下问题

如何一次更改所有七个div宽度？我的意思与此类似：

document.querySelectorAll('monday7, tuesday7').style.width = "76";

（这不起作用）

这会加快加载时间吗？与上面的七行代码相比，有一行代码会加快加载时间吗

---

提前谢谢

你可以给他们上一节课

var elements = document.getElementsByClassName("CLASSNAME");
for(var i = 0; i<elements.length; i++){
    elements[i].style.width = "76";
}

var elements=document.getElementsByClassName（“CLASSNAME”）；
for（var i=0；ijQuery也使这一点变得相当简单。不过我建议先添加一个类，这样所有元素都可以通过一个选择器访问。因此它看起来像：

<div class="widthChange" id="monday7"></div>
<div class="widthChange" id="tuesday7"></div>
...

$('.widthChange').css('width', '76px');

简明。
您是否尝试过：
document.queryselectoral（'周一，'周二'）.style.width=“76”
？我不知道queryselectoral（），但如果它使用CSS选择器，并且这些选择器是ID，那么您需要“#monday7，#tuesday7”。此外，它可能返回某种类型的集合，因此您需要某种类型的迭代器。至于速度，不，它不会加快速度，但更易于维护。document.queryselectoral（“#monday7，#tuesday7”）。style.width=“76”不起作用。