как заменить узел тем же узлом, полученным при выборке, с помощью javascript es6

Question

У меня есть два массива, и я хотел бы заменить каждый узел его новым соответствующим узлом

let filters = doucment.querySelectorAll('.js-filter')

   filters.forEach((filter) => {
      filter.addEventListener('click', async (e) => {
        e.preventDefault()
        const url = filter.getAttribute('href')
        const response = await fetch(url).then(r => r.text())
        const newFilters = Array.from(document.createRange().createContextualFragment(response).querySelectorAll('.js-filter'))
// now, how replace all filters by new filters ??

      })