按类ID隐藏div [英] Hide div by class id

问题描述

如果我有
< div id =ad1class =ad>
和
< div id =ad2class =ad>
如何隐藏所有div以及class ad？

我试过
document.getElementsByClassName（ad）.style.visibility =hidden;
但只有这样才行>
函数hidestuff（boxid）{
document.getElementById（boxid）.style.visibility =hidden;
}

解决方案

Matt Ball的线索离开了，您需要遍历结果您的getElementsByClassName结果。

尝试一下：

  var divsToHide = document .getElementsByClassName（ 广告）; 
 
 for（var i = 0; i< divsToHide.length; i ++）
 {
 divsToHide [i] .style.visibility =hidden; 
} 
  

If I have <div id="ad1" class="ad"> and <div id="ad2" class="ad"> how can I hide both by hiding all divs with class ad

I tried document.getElementsByClassName(ad).style.visibility="hidden"; but only this works
function hidestuff(boxid){ document.getElementById(boxid).style.visibility="hidden"; }

解决方案

As Matt Ball's clue left, you need to iterate through the results of your getElementsByClassName result.

Try something along the lines of:

    var divsToHide = document.getElementsByClassName("ad");

    for(var i = 0; i < divsToHide.length; i++)
    {
    divsToHide[i].style.visibility="hidden";
    }

这篇关于按类ID隐藏div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！