SVGElement: ownerSVGElement 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

SVGElement 接口的 ownerSVGElement 属性反映了最近的祖先 <svg> 元素。如果给定的元素是最外层的 <svg> 元素,则为 null

一个 SVGSVGElement

示例

检查所有者 <svg> 元素

html
<svg id="outerSvg" xmlns="http://www.w3.org/2000/svg">
  <g id="group1">
    <circle id="circle1" cx="50" cy="50" r="40" fill="blue" />
  </g>
</svg>
js
const circle = document.getElementById("circle1");
const ownerSVG = circle.ownerSVGElement;

if (ownerSVG) {
  console.log(`The circle's owner <svg> has the ID: ${ownerSVG.id}`);
} else {
  console.log("This element is the outermost <svg>.");
}

规范

规范
Scalable Vector Graphics (SVG) 2
# __svg__SVGElement__ownerSVGElement

浏览器兼容性