element-matches-polyfill

Polyfill for Element.matches

Provides a polyfill for Element.forEach() to all Browsers.

Native support

See MDN for more information.

Import

// CommonJS
require('element-matches-polyfill');
 
// ES6 Modules import / Typescript import
import 'element-matches-polyfill';

Usage

<ul id="birds">
  <li>Orange-winged parrot</li>
  <li class="endangered">Philippine eagle</li>
  <li>Great white pelican</li>
</ul>
 
<script type="text/javascript">
  var birds = document.getElementsByTagName('li');
 
  for (var i = 0; i < birds.length; i++) {
    if (birds[i].matches('.endangered')) {
      console.log('The ' + birds[i].textContent + ' is endangered!');
    }
  }
</script>