Ẩn div id lớp

Question

Nếu tôi có <div id="ad1" class="ad"> và <div id="ad2" class="ad"> làm thế nào tôi có thể ẩn cả hai bằng cách ẩn tất cả các div với quảng cáo lớp

tôi đã cố gắng document.getElementsByClassName(ad).style.visibility="hidden"; nhưng chỉ hoạt động này
function hidestuff(boxid){ document.getElementById(boxid).style.visibility="hidden"; }

Answer 1

Khi đầu mối của Matt Ball còn lại, bạn cần lặp qua kết quả của kết quả getElementsByClassName.

Hãy thử một cái gì đó dọc theo dòng:

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

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

Answer 2

sử dụng jquery .hide()

jsfiddle demo

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

Answer 3

Để thực hiện các nội dung hiển thị mà là bên trong iframe - xin thử dưới đây:

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

Answer 4

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

này sẽ giải quyết vấn đề của bạn.

Trong trường hợp của bạn, nó sẽ như sau. $ ('. Quảng cáo'). Hide(); Điều này sẽ ẩn tất cả các phần tử với tên lớp 'quảng cáo'.