为什么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>
点赞
评论