HTMLBaseElement: href property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

The href property of the HTMLBaseElement interface contains a string that is the URL to use as the base for relative URLs.

It reflects the href attribute of the <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.

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

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

#log {
  height: 20px;
}

html

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

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

Specification
HTML # dom-base-href

This page was last modified on ⁨Dec 19, 2024⁩ by MDN contributors.