querySelector() where display is not none

Question

I have a long list of

items I need to filter. I want the visible ones. Here\'s an example hidden one:

Answer 1

• Use '.newSearchResultsList li' selector to select all the li elements
• Use Array#filter over collection
• Use getComputedStyle to get all styles associated with element
• Return only those elements having style !== none

var liElems = document.querySelectorAll('.newSearchResultsList li');
var filtered = [].filter.call(liElems, function(el) {
  var style = window.getComputedStyle(el);
  return (style.display !== 'none')
});
console.log(filtered);

  

    
      
    dogscats
  
  

    
      
    Visible