HTMLBaseElement: href property

The href property of the {{domxref("HTMLBaseElement")}} interface contains a string that is the URL to use as the base for relative URLs.

It reflects the href attribute of the {{HTMLElement("base")}} element.

Value

A string that contains a URL, or the empty string ("") if the corresponding <base> element does not include the href attribute.

This example demonstrates that the href attribute in <base> is reflected in the href property of HTMLBaseElement.

html

<pre id="log"></pre>

const logElement = document.querySelector("#log");
function log(text) {
  logElement.innerText = text;
}

css

#log {
  height: 20px;
}

html

<base href="https://developer.mozilla.org/example" />

const base = document.getElementsByTagName("base")[0];
log(`base.href="${base.href}"`);