SVG AElement.href Property
The SVG AElement.href property returns an SVGAnimatedLength object corresponding to the attribute of the given A element
Syntax:
AElement.href
Return value: This property returns SVGAnimatedLength object that can be used to get the href of the AElement.
Example 1:
<!DOCTYPE html><html> <body> <svg viewBox="0 0 100 100" <!-- A link around a shape --> <circle cx="20" cy="40" r="15" /> </a> <script> var g = document.getElementById("gfg"); console.log(g.href); </script> </svg></body> </html> |
Output:
Example 2:
<!DOCTYPE html><html> <body> <svg viewBox="0 0 100 100" <!-- A link around a text --> <text x="40" y="20" text-anchor="middle"> <gfg> </text> </a> <script> var g = document.getElementById("gfg"); console.log(g.href); </script> </svg></body> </html> |
Output:
Reference: https://developer.mozilla.org/en-US/docs/Web/API/SVGAElement
Please Login to comment...