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: