HTMLAreaElement - Web APIs 编辑

The HTMLAreaElement interface provides special properties and methods (beyond those of the regular object HTMLElement interface it also has available to it by inheritance) for manipulating the layout and presentation of <area> elements.

  <div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 20%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 120" preserveAspectRatio="xMinYMin meet"><a xlink:href="/wiki/en-US/docs/Web/API/EventTarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25  121,20  121,30  111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="/wiki/en-US/docs/Web/API/Node" target="_top"><rect x="151" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="188.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Node</text></a><polyline points="226,25  236,20  236,30  226,25" stroke="#D4DDE4" fill="none"/><line x1="236" y1="25" x2="266" y2="25" stroke="#D4DDE4"/><a xlink:href="/wiki/en-US/docs/Web/API/Element" target="_top"><rect x="266" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="303.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Element</text></a><polyline points="341,25  351,20  351,30  341,25" stroke="#D4DDE4" fill="none"/><line x1="351" y1="25" x2="381" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/wiki/en-US/docs/Web/API/HTMLElement" target="_top"><rect x="381" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="436" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLElement</text></a><polyline points="491,25  501,20  501,30  491,25" stroke="#D4DDE4" fill="none"/><line x1="501" y1="25" x2="509" y2="25" stroke="#D4DDE4"/><line x1="509" y1="25" x2="509" y2="90" stroke="#D4DDE4"/><line x1="509" y1="90" x2="492" y2="90" stroke="#D4DDE4"/><a xlink:href="/wiki/en-US/docs/Web/API/HTMLAreaElement" target="_top"><rect x="341" y="65" width="150" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="416" y="94" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLAreaElement</text></a></svg></div>
  a:hover text { fill: #0095DD; pointer-events: all;}

Properties

Inherits properties from its parent, HTMLElement, and implements those from HTMLHyperlinkElementUtils.

Element.accessKey
Is a DOMString containing a single character that switches input focus to the control.
HTMLAreaElement.alt
Is a DOMString that reflects the alt HTML attribute, containing alternative text for the element.
HTMLAreaElement.coords
Is a DOMString that reflects the coords HTML attribute, containing coordinates to define the hot-spot region.
HTMLAreaElement.download This is an experimental API that should not be used in production code.
Is a DOMString indicating that the linked resource is intended to be downloaded rather than displayed in the browser. The value represent the proposed name of the file. If the name is not a valid filename of the underlying OS, browser will adapt it.
HTMLHyperlinkElementUtils.hash
Is a USVString containing the fragment identifier (including the leading hash mark (#)), if any, in the referenced URL.
HTMLHyperlinkElementUtils.host
Is a USVString containing the hostname and port (if it's not the default port) in the referenced URL.
HTMLHyperlinkElementUtils.hostname
Is a USVString containing the hostname in the referenced URL.
HTMLHyperlinkElementUtils.href
Is a USVString containing that reflects the href HTML attribute, containing a valid URL of a linked resource.
HTMLAreaElement.noHref This is an obsolete API and is no longer guaranteed to work.
Is a Boolean flag indicating if the area is inactive (true) or active (false).
HTMLHyperlinkElementUtils.password
Is a USVString containing the password specified before the domain name.
HTMLHyperlinkElementUtils.origin Read only
Returns a USVString containing the origin of the URL, that is its scheme, its domain and its port.
HTMLHyperlinkElementUtils.pathname
Is a USVString containing the path name component, if any, of the referenced URL.
HTMLHyperlinkElementUtils.port
Is a USVString containing the port component, if any, of the referenced URL.
HTMLHyperlinkElementUtils.protocol
Is a USVString containing the protocol component (including trailing colon ':'), of the referenced URL.
HTMLAreaElement.referrerPolicy This is an experimental API that should not be used in production code.
Is a DOMString that reflects the referrerpolicy HTML attribute indicating which referrer to use when fetching the linked resource.
HTMLAreaElement.rel
Is a DOMString that reflects the rel HTML attribute, indicating relationships of the current document to the linked resource.
HTMLAreaElement.relList Read only
Returns a DOMTokenList that reflects the rel HTML attribute, indicating relationships of the current document to the linked resource, as a list of tokens.
HTMLHyperlinkElementUtils.search
Is a USVString containing the search element (including leading question mark '?'), if any, of the referenced URL.
HTMLAreaElement.shape
Is a DOMString that reflects the shape HTML attribute, indicating the shape of the hot-spot, limited to known values.
HTMLElement.tabIndex
Is a long containing the element's position in the tabbing order.
HTMLAreaElement.target
Is a DOMString that reflects the target HTML attribute, indicating the browsing context in which to open the linked resource.
HTMLHyperlinkElementUtils.username
Is a USVString containing the username specified before the domain name.

Methods

Inherits methods from its parent, HTMLElement, and implements those from HTMLHyperlinkElementUtils.

HTMLHyperlinkElementUtils.toString()
Returns a USVString containing the whole URL of the script executed in the Worker. It is a synonym for HTMLHyperlinkElementUtils.href.

Specifications

SpecificationStatusComment
HTML Living Standard
The definition of 'HTMLAreaElement' in that specification.
Living StandardThe following property has been added: download.
Technically, the URL-related properties, host, hostname, pathname, port, protocol, search, and hash, have been moving to the HTMLHyperlinkElementUtils mixin, and HTMLAreaElement implements this mixin.
HTML5
The definition of 'HTMLAreaElement' in that specification.
RecommendationTechnically, the properties tabindex and accesskey are now defined on HTMLElement.
The following property is now obsolete: nohref.
The following properties have been added: rel, relList, hreflang, type, host, hostname, pathname, port, protocol, search, and hash.
Document Object Model (DOM) Level 2 HTML Specification
The definition of 'HTMLAreaElement' in that specification.
ObsoleteNo change from Document Object Model (DOM) Level 1 Specification.
Document Object Model (DOM) Level 1 Specification
The definition of 'HTMLAreaElement' in that specification.
ObsoleteInitial definition

Browser compatibility

BCD tables only load in the browser

See also

  • HTML element implementing this interface: <area>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:50 次

字数:19229

最后编辑:6 年前

编辑次数:0 次

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文