JSFiddle - React, Tailwind, and code Playground

HTML

<div class="agreement">
Нажимая кнопку вы соглашаетесь на обработку персональных данных в соответствии с <span class="js-el-to-link" data-href="http://ya.ru">Анкор ссылки</span>
</div>

JavaScript

window.addEventListener('load', function () {
	
     let elements = document.querySelectorAll('span'); 
     
     for (let el of elements) {
      let hrefLink = el.dataset.href;
      let link = document.createElement('a');
   	  link.innerHTML = "политикой в отношении персональных данных"; // Как можно вывести из span?
      link.href = hrefLink;
      
      let textEl= document.querySelector('.agreement');
      
      // Как заменить span на <a>? (чтобы в коде html не было <a href="" ...></a>, а блок выводился в виде: <span></span>. )
      textEl.replaceChild(link, textEl.firstChild);
      }    
  });