HTMLAreaElement: hostname 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 hostname property of the HTMLAreaElement interface is a string containing either the domain name or IP address of the <area> element's URL. If the URL does not have a hostname, this property contains an empty string, "". IPv4 and IPv6 addresses are normalized, such as stripping leading zeros, and domain names are converted to IDN.
See URL.hostname for more information.
Value
A string containing the domain of the URL associated with the area element.
It can be used as both a setter and getter.
Examples
html
<textarea id="log" rows="4" cols="100"></textarea>
<map name="infographic">
<area
id="area1"
shape="rect"
coords="184,6,253,27"
href="/en-US/docs/HTMLAreaElement"
target="_blank"
alt="Mozilla" />
<area
id="area2"
shape="circle"
coords="130,136,60"
href="https://coolexample.com/"
target="_blank"
alt="MDN" />
</map>
js
// An element is in the document
const area1 = document.getElementById("area1");
const area2 = document.getElementById("area2");
const log = document.getElementById("log");
log.textContent = `area1 hostname: ${area1.hostname} \n`; // 'developer.mozilla.org'
log.textContent += `area2 hostname: ${area2.hostname}`; // 'coolexample.com'
Specifications
| Specification |
|---|
| HTML # dom-hyperlink-hostname-dev |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
hostname
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
See also
- The
HTMLAreaElementinterface it belongs to.