按类ID隐藏div

Question

如果我有     <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"; }

Answer 1

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

尝试以下方面的内容：

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

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

Answer 2

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

这将解决您的问题。

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

Answer 3

使用jquery .hide()

jsfiddle demo

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

Answer 4

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

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