title: Count the number of displayed elements in a HTML list
body: <p>I have a list of list items which are display: none by default. I programmatically change a certain number of them to list-items.</p>
  
  <p>I've been trying to use querySelectorAll but when I try:</p>
  
  <pre><code>document.querySelectorAll("#ulname style[display*='list-item']")
  </code></pre>
  
  <p>it returns an empty array (I know it is at least one).</p>
  
  <p>Ideas on how to modify my selectors or another approach? I would like to know after the fact how many items are displayed.</p>