Не работает isertBefore

Хочу поменять местами элементы newElement и referenceElement. При загрузке страницы появляется alert, но остальное как будто не выполняется, даже ошибок не возникает. Если выполнять код из консоли, то все получится.

document.addEventListener("DOMContentLoaded", function() {
    alert ('Done');
    var parents = document.querySelectorAll ('.post-list-item-wrapper');
    parents.forEach((elem)=>{
        var newElement = elem.querySelector ('.blog-post-homepage-link-hashtag-hover-color');
        var referenceElement = elem.querySelector ('.post-header');
        referenceElement.parentNode.insertBefore (newElement, referenceElement);
    });
});

Пытаюсь применить данный код на этой странице https://www.grshn.ru/blog

HTML:

<div class="post-list-item-wrapper">
<div class="post-header"></div>
<a href="https://www.grshn.ru/post/как-вести-блог-с-компьютера-или-мобильного" class="blog-post-homepage-link-hashtag-hover-color"></a>
</div>

document.addEventListener("DOMContentLoaded", function() {
  alert('Done');
  var parents = document.querySelectorAll('.post-list-item-wrapper');
  parents.forEach((elem) => {
    var newElement = elem.querySelector('.blog-post-homepage-link-hashtag-hover-color');
    var referenceElement = elem.querySelector('.post-header');
    referenceElement.parentNode.insertBefore(newElement, referenceElement);
  });
});

<div class="post-list-item-wrapper">
  <div class="post-header">post-header</div>
  <a href="https://www.grshn.ru/post/как-вести-блог-с-компьютера-или-мобильного" class="blog-post-homepage-link-hashtag-hover-color">blog-post-homepage-link-hashtag-hover-color</a>
</div>