Hide class without jQuery

Answer to http://stackoverflow.com/questions/4644673/hide-all-elements-with-class-using-plain-javascript

HTML

<div class='my-class'>hello</div>
<div class='my-class'>hello</div>
<br>
<button onclick="hide()">Hide all</button>

JavaScript

function hide() {
    var myClasses = document.querySelectorAll('.my-class'),
        i = 0,
        l = myClasses.length;
        
        myClasses.style.display('none');

    for (i; i < l; i++) {
        myClasses[i].style.display = 'none';
    }
}