web-dev-qa-db-fra.com

Masquer div par identifiant de classe

Si j'ai <div id="ad1" class="ad"> Et <div id="ad2" class="ad"> Comment puis-je masquer les deux en masquant tous les divs avec l'annonce de la classe

J'ai essayé document.getElementsByClassName(ad).style.visibility="hidden"; Mais seulement ceci fonctionne
function hidestuff(boxid){ document.getElementById(boxid).style.visibility="hidden"; }

javascripthtmlvisibility
7
Friedpanseller

Comme Matt Ball laisse la trace, vous devez parcourir les résultats de votre résultat getElementsByClassName. 

Essayez quelque chose comme:

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

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

Cela résoudra votre problème.

Dans votre cas, ce sera comme ci-dessous. $ ('. Ad'). Hide (); Ceci cachera tous les éléments avec le nom de classe 'ad'.

2
Code Geek

utilisez jquery .hide ()

jsfiddle demo 

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

Pour rendre le contenu visible qui se trouve dans iframe - pls, essayez ci-dessous:

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