HTMLAreaElement: hostname 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

HTMLAreaElement 接口的 hostname 属性是一个字符串,包含 <area> 元素的 URL 的 域名IP 地址。如果 URL 没有主机名,则此属性包含一个空字符串 ""。IPv4 和 IPv6 地址会被规范化,例如去除前导零,域名会被转换为 IDN

有关更多信息,请参阅 URL.hostname

一个字符串,包含与 area 元素关联的 URL 的域名。它既可以用作 setter,也可以用作 getter。

示例

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'

规范

规范
HTML
# dom-hyperlink-hostname-dev

浏览器兼容性

另见