SVG ownerElement Property
The SVG ownerElement property returns ownerElement of the given Attr Element.
Syntax:
name = attribute.ownerElement
Return value: This property returns the ownerElement of the Attr.
Example 1:
HTML
<!DOCTYPE html><html> <body> <svg viewBox="0 0 100 100" <!-- A link around a text --> <text id="example" x="20" y="20"> Click me </text> <script> const element = document .querySelector("#example"); const attribute = element.attributes[0]; console.log(attribute.ownerElement); </script> </svg></body> </html> |
Output:
Example 2:
HTML
<!DOCTYPE html><html> <body> <svg viewBox="0 0 100 100" <!-- A link around a shape --> <circle id="example" cx="20" cy="20" r="15"> Click me </circle> <script> const element = document .querySelector("#example"); const attribute = element.attributes[0]; console.log(attribute.ownerElement); </script> </svg></body> </html> |
Output:
Please Login to comment...