Ẩn tất cả các div bằng javascript

Question

Tôi tự hỏi làm thế nào tôi có thể ẩn tất cả các div trên trang chỉ sử dụng Javascript, tôi không thể sử dụng Jquery. Có cách nào để làm điều này mà không sử dụng các mảng đi kèm với document.getElementByTag? Hoặc nếu không có, bạn có thể chỉ cho tôi cách để ẩn tất cả? Cảm ơn!

Answer 1

Sử dụng getElementsByTagName() để lấy danh sách tất cả các thành phần div, sau đó đặt thuộc tính CSS display thành none.

var divs = ​document.getElementsByTagName("div");​ 
for (var i = 0; i < divs.length; i++) { 
    divs[i].style.display = 'none';   
} 

DEMO.

Answer 2

Bạn sẽ cần phải sử dụng document.getElementsByTagName, và sau đó sử dụng một vòng lặp for để xử lý tất cả các yếu tố:

var divs = document.getElementsByTagName('div'); 
for(var i = 0; i < divs.length; i++) { 
    divs[i].style.display = "none"; 
} 

Answer 3

Chỉ cần để đưa ra một giải pháp hoàn toàn khác nhau ở đây.

Bạn có thể thiết lập một lớp CSS để cơ thể của bạn, như thế này

body.hideDivs DIV { 

    display: none; 

} 

document.body.className = "hideDivs"; 

Nhưng điều này sẽ che giấu tất cả mọi thứ bên trong những divs cũng có, mà có thể không được những gì bạn đang đi kiếm ở đây.