JSFiddle - React, Tailwind, and code Playground

by Evgeniy Kvasyuk

HTML

<div id="modal-work" class="gallery-open mfp-hide">
  <buton class="icon arrow-left"></buton>
  <buton class="icon arrow-right"></buton>
  <buton class="icon close"></buton>

  <img src="path">
  <img src="path">
  <img src="path" class="active">
</div>

JavaScript

if(!NodeList.prototype.nodeFilter || typeof NodeList.prototype.nodeFilter !== 'function'){
  NodeList.prototype.nodeFilter = function (filterFn) {
    return Array.prototype.filter.call(this, filterFn);
  } 
}

let images = document.querySelectorAll('img');
const filterFn = (item) => item.classList.contains('active')
const activeImages = images.nodeFilter(filterFn);//получает массив из активных,   если активная нода единственная то можно получить ее actvive = activeImages[0];
console.log(activeImages);
console.log(activeImages[0]);