javascript - 使用javascript更改一组元素的宽度

Question

我正在编写 HTML CSS JS 代码，并且我正在尝试更改一组元素的样式。我已经知道 document.getElementById(id).style.something = 'somevalue';但它需要我写大约 25 个，并且有 25 个不同的 ID。我想知道是否有办法更改类中的样式属性。例如:

CSS 代码:

div.text
{
width: 100px;
}

HTML代码:

<div class="text">Some Text</div> <!-- and bunch of other divs like it !>

JavaScript 代码:

function changeWidth() {
document.getElementsByClass('text').width = '200px'; 
// I know getElementByClass doesn't exist I wanna know if there is something that would do that.
}

Answer 1

“document.getElementsByClass”可能不存在但 "document.getElementsByClassName" does

所有现代浏览器都很好地支持它 here