---
title: SVGAElement
slug: Web/API/SVGAElement
tags:
  - Imagem vetorial
  - Vetores
translation_of: Web/API/SVGAElement
---
<div>{{APIRef("SVG")}}</div>

<div>O <strong><code>SVGAElement</code></strong> interface fornece acesso as propriedades do elemento {{SVGElement("a")}}, bem como metodos para manipula-los.</div>

<h2 id="Propriedades">Propriedades</h2>

<p><em>Esta interface também herda propriedades de sua interface pai,{{domxref("SVGGraphicsElement")}}, e implementa propriedades de {{domxref("SVGURIReference")}} e de {{domxref("HTMLHyperlinkElementUtils")}}.</em></p>

<dl>
 <dt>{{domxref("SVGAElement.target")}} {{readonlyInline}}</dt>
 <dd>It corresponds to the {{SVGAttr("target")}} attribute of the given element.</dd>
</dl>

<h2 id="Metodos">Metodos</h2>

<p><em>Esta interface não tem metodos próprios, porém herda metodos da interface {{domxref("SVGGraphicsElement")}}.</em></p>

<h2 id="Exemplos">Exemplos</h2>

<p>No exemplo abaixo, o {{SVGAttr("target")}} atributo do elemento {{SVGElement("a")}} recebe o valor <code>_blank</code> e quando o link for clicado, ele notifica se a condição é verdadeira ou falsa.</p>

<pre class="brush: js">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");
  }
} </pre>

<h2 id="Especificações">Especificações</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <td>Especificação</td>
   <td>Status</td>
   <td>Comentário</td>
  </tr>
  <tr>
   <td>{{SpecName("SVG2", "linking.html#InterfaceSVGAElement")}}</td>
   <td>{{Spec2("SVG2")}}</td>
   <td>Replaced inheritance from {{domxref("SVGElement")}} by {{domxref("SVGGraphicsElement")}} and removed the interface implementations of {{domxref("SVGTests")}}, {{domxref("SVGLangSpace")}}, {{domxref("SVGExternalResourcesRequired")}}, {{domxref("SVGStylable")}}, and {{domxref("SVGTransformable")}} by {{domxref("HTMLHyperlinkElementUtils")}}</td>
  </tr>
  <tr>
   <td>{{SpecName("SVG1.1", "linking.html#InterfaceSVGAElement")}}</td>
   <td>{{Spec2("SVG1.1")}}</td>
   <td>Definição inicial</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Compatibilidade com navegadores</h2>



<p>{{Compat("api.SVGAElement")}}</p>

<h2 id="Veja_também">Veja também</h2>

<ul>
 <li>SVG {{SVGElement("a")}} element</li>
</ul>