SVGAElement

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

Properties

This interface also inherits properties from its parent, SVGGraphicsElement, and implements properties from SVGURIReference and HTMLHyperlinkElementUtils.

SVGAElement.target Read only
It corresponds to the target attribute of the given element.

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.

var linkRef = document.querySelector("a"); 
linkRef.target = "_self"; 
linkRef.onclick = function(){
  if (linkRef.target === "_blank") {
    console.log("BLANK!");
    linkRef.target = "_self";
  } else {
    console.log("SORRY! not _blank");
  }
} 

Specifications

Specification Status Comment
Scalable Vector Graphics (SVG) 2 Candidate Recommendation Replaced inheritance from SVGElement by SVGGraphicsElement and removed the interface implementations of SVGTests, SVGLangSpace, SVGExternalResourcesRequired, SVGStylable, and SVGTransformable by HTMLHyperlinkElementUtils
Scalable Vector Graphics (SVG) 1.1 (Second Edition) Recommendation Initial definition

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes) (Yes) (Yes) 9.0 (Yes) (Yes)
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? (Yes) (Yes) ? (Yes) (Yes)

See also

  • SVG <a> element

Document Tags and Contributors

 Contributors to this page: Sebastianz, dunnbobcat, abbycar, dverane08, fscholz, kscarfone, Sheppy, Jeremie
 Last updated by: Sebastianz,