2013-10-29 155 views
7

如果我有 <div id="ad1" class="ad"><div id="ad2" class="ad"> 我怎样才能通过隐藏所有的div类广告躲都隐藏的div

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

+2

getElementsByClassName('ad') – shemy

+1

提示:'getElementsByClassName'返回多个元素。 –

+0

document.getElementsByClassName('ad')。style.display =“none”; – Rex

回答

11

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

尝试沿着线的东西:

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

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

正是我想要的工作奇妙 – Friedpanseller

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"; 
} 
2
$('.divClassName').hide(); 

这将解决您的问题。

在你的情况下,它会像下面。 $('。ad')。hide(); 这将隐藏类名为“ad”的所有元素。