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
<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>
// 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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
hostname |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
See also
- The
HTMLAreaElement
interface it belongs to.