为什么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'; " + "})()");
评论
  • 烟花落
    烟花落 回复

    您可以使用它简单地掌握所有元素并添加样式属性

    <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>
    
    <script>
    
        document.querySelectorAll(".col-md-2").forEach(function(e){
            e.style.display='none';
        });
    
    </script>