JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>
    <a id="aId" href="https://www.w3schools.com" target="_blank"> Link1 </a>
  </li>
  <li>
    <a id="bId" href="https://www.w3schools.com" target="_blank"> Link2 </a>
  </li>
  <li>
    <a href="https://www.w3schools.com" target="_blank"> Link3 </a>
  </li>
</ul>

JavaScript

var strMessage1 = document.getElementById("aId");
var first = 'target="_blank"';
var second = 'target="_blank" rel="noopener noreferrer" onClick="alert(\'Hello World!\')"';

// Not working
//document.querySelector
strMessage1.outerHTML = strMessage1.outerHTML.replace(first, second);
alert(strMessage1.outerHTML);