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”确实存在

这里的所有现代浏览器都很好地支持它

Answer 2

没有getElementsByClass，但有getElementsByClassName：

https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByClassName