title: Convert all 'display: none' to display block in HTML
body: <p>I have an HTML web page wherein I need to find out all the elements having the <code>display:none</code> and style them to <code>display:block</code> using a script, which I can write in console or using Firebug.</p>
  
  <p>There is already a script present for showing all the hidden elements in form tags. I need a similar script for <code>display:none</code> to <code>display:block</code>.</p>
  
  <pre><code>   var snapHidden = document.evaluate("//input[@type='hidden']",
         document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
     for (var i = snapHidden.snapshotLength - 1; i &gt;= 0; i--) {
         var elmHidden = snapHidden.snapshotItem(i);
         elmHidden.style.MozOutline = '1px dashed #666';
         elmHidden.type = 'text';
         elmHidden.title = 'Hidden field "' +
             (elmHidden.name || elmHidden.id) + '"';
     }
  </code></pre>