Question

我正在尝试在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'; " + "})()");

Answer 1

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

<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>

为什么getElementsByClassName不选择我所有的元素？

1 个答案: