javascript - 如何为多个 id 元素设置样式 javascript

Question

我正在使用这样的代码:

document.getElementById('one').style.color = 'red';
document.getElementById('two').style.backgroundColor= 'blue';
.......
document.getElementById('another').style.fontSize= '20px';

是否有一个通用方法来为多个 id 元素设置样式，如下所示(如 jQuery)？

document.getElementById('one').add('two').add('three').style.color = 'red';

或者，我怎样才能制作一个？

Answer 1

您无法在 JavaScript 中一次选择多个 ID。您可以通过提供相同的类名来做到这一点。

[ 'one', 'two', 'three' ].forEach(function( id ) {

    document.getElementById( id ).style.color = "red";

});

DEMO