How to hide all divs with JavaScript?

html, javascript

Solution

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>

Problem

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?

Original source