SVGAElement

The SVGAElement interface provides access to the properties of an <a> element, as well as methods to manipulate them.

Instance properties

This interface also inherits properties from its parent, SVGGraphicsElement.

• download
  • : A string indicating that the linked resource is intended to be downloaded rather than displayed in the browser.
• hash
  • : A string representing the fragment identifier, including the leading hash mark (#), if any, in the referenced URL.
• host
  • : A string representing the hostname and port (if it’s not the default port) in the referenced URL.
• hostname
  • : A string representing the hostname in the referenced URL.
• href Read only
  • : An SVGAnimatedString that reflects the href or xlink:href Deprecated attribute.
• hreflang
  • : A string indicating the language of the linked resource.
• interestForElement Experimental
  • : Gets or sets the target element of an interest invoker, in cases where the associated <a> element is specified as an interest invoker.
• origin Read only
  • : Returns a string containing the origin of the URL — that is, its scheme, its domain and its port.
• pathname
  • : A string containing an initial / followed by the path of the URL, not including the query string or fragment.
• password
  • : A string containing the password specified before the domain name.
• ping
  • : A string that reflects the ping attribute, containing a space-separated list of URLs to which, when the hyperlink is followed, POST requests with the body PING will be sent by the browser (in the background). Typically used for tracking.
• port
  • : A string representing the port component, if any, of the referenced URL.
• protocol
  • : A string representing the protocol component, including trailing colon (:), of the referenced URL.
• referrerPolicy
  • : A string specifying which referrer to send when fetching the URL.
• rel
  • : A string reflecting the rel SVG attribute, specifying the relationship of the link’s target.
• relList
  • : A DOMTokenList reflecting the rel SVG attribute, as a list of tokens.
• search
  • : A string representing the URL’s query string, if any, including the leading question mark (?).
• target Read only
  • : It corresponds to the target attribute of the given element.
• text Deprecated
  • : A string that is a synonym for the textContent property.
• type
  • : A string that reflects the type attribute, indicating the MIME type of the linked resource.
• username
  • : A 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, the target 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

Browser compatibility

See also

• SVG <a> element