javascript - クラス ID で div を非表示

Question

<div id="ad1" class="ad"> クラス広告ですべてのdivを非表示にすることで、両方を非表示にするに は<div id="ad2" class="ad"> どうすれば よいですか

私は試し 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

jquery . hide()を使用します

jsfiddle デモ

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

Answer 3

iframe 内のコンテンツを表示するには、以下を試してください。

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