title: Modern, concise, vanilla JS check whether node has a direct child matching a selector
body: <p>What's the modern, concise, and fast way to test whether a node has any child that matches a given selector?</p>
  
  <p>By "concise" I mean something similar to jQuery or functional-style, such as avoiding loops. I know native selectors are getting more and more of this type of thing but have not kept up with developments. If such does not yet exist across browsers then I also want to know.</p>
  
  <p>I expected it to be straightforward but searching Google and SO find many false hits using jQuery or finding arbitrary descendants at any depth rather than just the immediate children. There are also some outdated questions from before many functional-style methods were added and standardized between browsers.</p>