按类ID隐藏div

时间:2013-10-29 05:29:15

标签: javascript html visibility

如果我有     <div id="ad1" class="ad"> 和     <div id="ad2" class="ad"> 如何通过隐藏所有带有类广告的div来隐藏它们

我试过了     document.getElementsByClassName(ad).style.visibility="hidden"; 但只有这个工作     function hidestuff(boxid){ document.getElementById(boxid).style.visibility="hidden"; }

4 个答案:

答案 0 :(得分:13)

当Matt Ball的线索离开时,您需要遍历getElementsByClassName结果的结果。

尝试以下方面的内容:

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

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

答案 1 :(得分:2)

$('.divClassName').hide();

这将解决您的问题。

在你的情况下,它将如下所示。     $( '广告')隐藏()。 这将隐藏类名为“ad”的所有元素。

答案 2 :(得分:1)

使用jquery .hide()

jsfiddle demo

$('.ad').hide();

答案 3 :(得分:0)

要使内容在iframe内可见 - 请尝试以下内容:

var frame = document.getElementById("chatFeed"); 
var msg2 =frame.contentDocument.getElementsByClassName("publisherWrapper");
for (i = 0; i < msg2.length; i++) {
msg2[i].style.visibility="visible";
}