使用querySelectorAll更改多个元素的样式属性

我有以下函数，触发时将使 DIV 变得半透明。

function changeOpacity(el) {
    var elem = document.getElementById(el);
    elem.style.transition = "opacity 0.5s linear 0s";
    elem.style.opacity = 0.5;
}

不过我希望这个函数能够同时应用于多个 DIV。我尝试给每个 DIV 相同的类名，然后使用getElementsByClassName但不知道如何实现它。

Would querySelectorAll更合适，如果是的话我将如何实施？

我将使用 querySelectorAll 选择它们并循环它们。

function changeOpacity(className) {
    var elems = document.querySelectorAll(className);
    var index = 0, length = elems.length;
    for ( ; index < length; index++) {
        elems[index].style.transition = "opacity 0.5s linear 0s";
        elems[index].style.opacity = 0.5;
    }
}

编辑：正如评论所说，如果样式值不是动态的并且使用：

elems[index].classList.add('someclass');