element-matches-polyfill
Version:
Element.matches Polyfill
39 lines (28 loc) • 875 B
Markdown
# element-matches-polyfill
Polyfill for Element.matches
Provides a polyfill for [Element.forEach()](https://developer.mozilla.org/en-US/docs/Web/API/Element/matches) to all Browsers.
## Native support
See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/matches) for more information.
## Import
```JavaScript
// CommonJS
require('element-matches-polyfill');
// ES6 Modules import / Typescript import
import 'element-matches-polyfill';
```
## Usage
```HTML
<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>
```