【JavaScript】aタグのhrefとtargetおよびrelの取得と書き換え方法

const aTag = document.getElementById("test");

const url = aTag.getAttribute( "href");
  // または
const url = aTag.href;

console.log( url ); // https://note.affi-sapo-sv.com/sample.php

const newUrl = "https://note.affi-sapo-sv.com/";

aTag.setAttribute("href", newUrl );
  // または
aTag.href = newUrl;

const target = aTag.getAttribute( "target");
  // または
const target = aTag.target;

console.log( target ); // null または ""

const newTarget = "_blank";

aTag.setAttribute("target", newTarget );
  // または
aTag.target = newTarget;

const rel = aTag.getAttribute( "rel");
  // または
const rel = aTag.rel;

console.log( rel ); // null または ""

const newRel = "noopener";

aTag.setAttribute("rel", newRel );
  // または
aTag.rel = newRel;

document.addEventListener("DOMContentLoaded",()=>{
    Array.from(document.getElementsByTagName("a"))
        .forEach( a => a.target === "_blank" ? a.rel = "noopener" : null )
});