title: querySelector() where display is not none
body: <p>I have a long list of <code>&lt;li&gt;</code> items I need to filter. I want the visible ones. Here's an example hidden one:</p>
  
  <pre><code>&lt;li style="display:none;" 
  &lt;a href="https://www.example.com/dogs/cats/"&gt;
  &lt;img class="is-loading" width="184" height="245" 
  &lt;/a&gt;&lt;span&gt;dogscats&lt;/span&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Those which are not hidden don't have a display visible attribute, they just don't have a style attribute at all.</p>
  
  <p>This gives me the opposite of what I want:</p>
  
  <pre><code>document.querySelectorAll('.newSearchResultsList li[style="display:none;"]')
  </code></pre>
  
  <p>How can I select based on style attribute does not equal or contain "display:none;"?</p>