为什么getElementsByClassName不选择所有元素?

我正在尝试在Webview应用程序中隐藏具有相同类名的多个元素

<div class="row">
<div class="col-md-2"> 1 </div>
<div class="col-md-2"> 2 </div>
<div class="col-md-2"> 3 </div>
</div>

我尝试了getElementsByClassName和querySelectorAll这只是隐藏第一个元素

view.loadUrl("javascript:(function() { " +
"var head = document.getElementsByClassName('col-md-2')[0].style.display='none'; " + "})()");