javascript - Hide div by class id

Question

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"; }

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

使用 jquery .hide()

jsfiddle 演示

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

Answer 3

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

这将解决您的问题。

在您的情况下，它将如下所示。$('.ad').hide(); 这将隐藏所有类名为“ad”的元素。

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";
}