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

Hint: `getElementsByClassName` returns more than one element. — Matt Ball, Oct 29 '13 at 05:31
possible duplicate of [CSS / Javascript Show / Hide DIV using a CSS class?](http://stackoverflow.com/questions/5836710/css-javascript-show-hide-div-using-a-css-class) — Harsh Baid, Oct 29 '13 at 05:34

Chris M · Accepted Answer · 2013-10-29T05:48:12.630

13

As Matt Ball's clue left, you need to iterate through the results of your getElementsByClassName result.

Try something along the lines of:

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

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

edited Oct 29 '13 at 05:48

answered Oct 29 '13 at 05:42

Chris M

4,036
4
20
26

Exactly what I wanted Worked Fantastically – Friedpanseller Oct 29 '13 at 11:00

Sobin Augustine · Answer 2 · 2013-10-29T05:39:58.063

2

use jquery .hide()

jsfiddle demo

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

edited Oct 29 '13 at 05:39

answered Oct 29 '13 at 05:33

Sobin Augustine

3,639
2
25
43

score 2 · Answer 3 · answered Mar 02 '16 at 06:58

2

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

This will solve your problem.

In your case it will be like below. $('.ad').hide(); This will hide all the elements with class name 'ad'.

answered Mar 02 '16 at 06:58

Code Geek

143
1
6

score 0 · Answer 4 · answered Mar 30 '15 at 10:23

To make the content visible which is inside iframe - pls try below:

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

Hide div by class id

4 Answers4

Linked