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

瀏覽器相容性