How to change the style of elements with same class name

Question

Using javascript, I want to change the style of class .s into

.s {
  display: block;
}

Why this cannot work:

Answer 1

var sCls = document.getElementsByClassName('s');
for(var i in sCls) {
    sCls[i].style.display='block';
}

this may work!