使用普通Javascript隐藏所有元素 [英] Hide all elements with class using plain Javascript

问题描述

我通常使用 document.getElementById（'id'）。style.display ='none'通过Javascript隐藏单个div。是否有一种类似的简单方法来隐藏属于同一个类的所有元素？

I normally use document.getElementById('id').style.display = 'none' to hide a single div via Javascript. Is there a similarly simple way to hide all elements belonging to the same class?

我需要一个不使用jQuery的简单Javascript解决方案。

I need a plain Javascript solution that does not use jQuery.

推荐答案

在没有jQuery的情况下，我会使用这样的东西：

In the absence of jQuery, I would use something like this:

<script>
    var divsToHide = document.getElementsByClassName("classname"); //divsToHide is an array
    for(var i = 0; i < divsToHide.length; i++){
        divsToHide[i].style.visibility = "hidden"; // or
        divsToHide[i].style.display = "none"; // depending on what you're doing
    }
<script>

这是从这个SO问题中得出的：按类ID隐藏div ，但是看到你要求老派JS解决方案，我相信getElementsByClassName只有现代支持浏览器

This is taken from this SO question: Hide div by class id, however seeing that you're asking for "old-school" JS solution, I believe that getElementsByClassName is only supported by modern browsers

这篇关于使用普通Javascript隐藏所有元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！