Как получить “сырые данные” href содержание в JavaScript

Вот фрагмент кода, который Вы могли выполнить для тестирования.

const anchors = document.getElementsByTagName('a');

for (let anchor of anchors) {
  let hrefFullPath = anchor.href;
  let hrefRelativePath = anchor.attributes.href.value;

  console.log('hrefFullPath', hrefFullPath);
  console.log('hrefRelativePath', hrefRelativePath);
}

Скажем, Вы в http://localhost:4200, и это - Ваш документ, поскольку Вы показали в вопросе.

<a id="rel" href="/relative/link">inner</a>

значение атрибута Этой привязки href:

document.getElementById('rel').attributes.href.value => /relative/link

И привязка href значение:

document.getElementById('rel').href =>  http://localhost:4200/relative/link

я надеюсь, что это помогает.

Типичный. Я понял это сам почти сразу после того, как разместил вопрос.

вместо:

anchor.href

use:

anchor.getAttribute("href")

Конечно, мне потребовалось больше времени, чтобы ввести этот ответ, чем всем остальным, чтобы ответить на него. (Блин, вы, люди быстрые.)