How to hide all divs with JavaScript?

Question

I am wondering how I can hide all divs on the page only using JavaScript, I cannot use jQuery. Is there a way to do this without using the arrays that comes with document.getElementByTag? Or if there is not, could you show me how to hide all?

Answer 1

Use getElementsByTagName() to get a list of all div elements, and then set their CSS display property to none:

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

<div>sads</div>
<div>sads</div>
<span>not a div</span>