web-dev-qa-db-ja.com

クラスIDでdivを非表示にする

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

javascripthtmlvisibility
8
Friedpanseller

Matt Ballの手がかりが残ったので、getElementsByClassName結果の結果を反復処理する必要があります。

次のようなことを試してください。

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

    for(var i = 0; i < divsToHide.length; i++)
    {
    divsToHide[i].style.visibility="hidden";
    }
13
Chris M
$('.divClassName').hide();

これはあなたの問題を解決します。

あなたの場合は以下のようになります。 $（ '。ad'）。hide（）;これにより、クラス名「ad」のすべての要素が非表示になります。

2
Code Geek

jqueryを使用 。hide（）

jsfiddleデモ

$('.ad').hide();
1
Sobin Augustine

Iframe内にあるコンテンツを表示するには-plsは以下を試してください：

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