SVGAElement
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.
* Some parts of this feature may have varying levels of support.
TheSVGAElement interface provides access to the properties of an<a> element, as well as methods to manipulate them.
In this article
Instance properties
This interface also inherits properties from its parent,SVGGraphicsElement.
SVGAElement.downloadA string indicating that the linked resource is intended to be downloaded rather than displayed in the browser.
SVGAElement.hashA string representing the fragment identifier, including the leading hash mark (
#), if any, in the referenced URL.SVGAElement.hostA string representing the hostname and port (if it's not the default port) in the referenced URL.
SVGAElement.hostnameA string representing the hostname in the referenced URL.
SVGAElement.hrefRead onlyAn
SVGAnimatedStringthat reflects thehreforxlink:hrefDeprecated attribute.SVGAElement.hreflangA string indicating the language of the linked resource.
SVGAElement.originRead onlyReturns a string containing the origin of the URL — that is, its scheme, its domain and its port.
SVGAElement.pathnameA string containing an initial
/followed by the path of the URL, not including the query string or fragment.SVGAElement.passwordA string containing the password specified before the domain name.
SVGAElement.pingA string that reflects the
pingattribute, containing a space-separated list of URLs to which, when the hyperlink is followed,POSTrequests with the bodyPINGwill be sent by the browser (in the background). Typically used for tracking.SVGAElement.portA string representing the port component, if any, of the referenced URL.
SVGAElement.protocolA string representing the protocol component, including trailing colon (
:), of the referenced URL.SVGAElement.referrerPolicyA string specifying whichreferrer to send when fetching theURL.
SVGAElement.relA string reflecting the
relSVG attribute, specifying the relationship of the link's target.SVGAElement.relListA
DOMTokenListreflecting therelSVG attribute, as a list of tokens.SVGAElement.searchA string representing the URL's query string, if any, including the leading question mark (
?).SVGAElement.targetRead onlyIt corresponds to the
targetattribute of the given element.SVGAElement.textDeprecatedA string that is a synonym for the
Node.textContentproperty.SVGAElement.typeA string that reflects the
typeattribute, indicating the MIME type of the linked resource.SVGAElement.usernameA string containing the username specified before the domain name.
Instance methods
This interface has no methods but inherits methods from its parent,SVGGraphicsElement.
Example
In the example below, thetarget attribute of the<a> element is set to_blank and when the link is clicked, it logs to notify whether the condition is met or not.
const linkRef = document.querySelector("a");linkRef.target = "_self";linkRef.onclick = () => { if (linkRef.target === "_blank") { console.log("BLANK!"); linkRef.target = "_self"; } else { console.log("SORRY! not _blank"); }};Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2> # InterfaceSVGAElement> |
Browser compatibility
See also
- SVG
<a>element