HTMLAreaElement: origin property

Baseline Widely available

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

The origin read-only property of the HTMLAreaElement interface returns a string containing the Unicode serialization of the origin of the <area> element's href.

The exact structure varies depending on the type of URL:

For URLs using the ftp:, http:, https:, ws:, and wss: schemes, the protocol followed by //, followed by the host. Same as host, the port is only included if it's not the default for the protocol.
For URLs using file: scheme, the value is browser dependent.
For URLs using the blob: scheme, the origin of the URL following blob:, but only if that URL uses the http:, https:, or file: scheme. For example, blob:https://mozilla.org will have https://mozilla.org.

For all other cases, the string "null" is returned.

See URL.origin for more information.

Value

A string.

Examples

// An <area id="myArea" href="https://big.rakal.top/en-US/HTMLAreaElement"> element is in the document
const area = document.getElementById("myArea");
area.origin; // returns 'https://big.rakal.top'