SVGAElement: pathname property
The pathname property of the SVGAElement interface is a string containing an initial "/" followed by the path of the SVG <a> element's href, not including the query string or fragment. If the element has no href attribute, this property contains an empty string, "".
This property can be set to change the path of the URL. Setting it also rewrites the element's href attribute as a complete, absolute URL.
See URL.pathname for more information.
Value
A string.
Examples
Getting the pathname from an SVG link
html
<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
<a id="link" href="https://example.com/docs/svg?q=path#example">
<text x="0" y="20">Example</text>
</a>
</svg>
js
const link = document.getElementById("link");
console.log(link.pathname); // "/docs/svg"
Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # InterfaceSVGAElement |
Browser compatibility
See also
- SVG
<a>element - The
SVGAElementinterface it belongs to HTMLAnchorElement.pathname