使用javascript从具有该类的元素替换类名

Question

我需要用类名？

替换所有元素的类名

<div id='sddiv'>
    <span class='open'>sometext</span>
    <div class='sub'></div>
    <span class='open'>sometext</span>
    <div class=''></div>
    <span class='closed'>sometext</span>
    <div class=''></div>
</div>

所以，我试着这样做。

var elms=document.getElementById('sddiv').getElementsByClassName('open');
for(i=0;i<elms.length;i++){
    elms[i].classList.add('closed');
    elms[i].classList.remove('open');
}
var elms=document.getElementById('sddiv').getElementsByClassName('sub');
for(i=0;i<elms.length;i++){
    elms[i].classList.remove('sub');
}

这种作品。但是，有没有办法用循环来做这个，没有jQuery，因为我有使用它的问题。