使用普通 Javascript 隐藏所有带有类的元素

2024-01-03

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

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

显然SO希望我编辑这个以澄清这不是一个关于修改字符串的问题。它不是。


如果没有 jQuery,我会使用这个:

<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 https://stackoverflow.com/questions/19650368/hide-div-by-class-id,但是看到您要求“老式”JS 解决方案,我相信 getElementsByClassName 仅受现代浏览器支持

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用普通 Javascript 隐藏所有带有类的元素 的相关文章