SVG ownerElement 属性

在SVG中，每个元素都有一个指向其父元素的引用。这个引用可以通过 ownerElement 属性访问。

语法

var ownerElement = element.ownerElement;

其中，element 为SVG元素对象。

返回值

ownerElement 属性返回的是该元素的父元素。如果该元素没有父元素，则返回 null。

示例

<svg width="200" height="200">
  <rect x="50" y="50" width="100" height="100" id="rect"></rect>
</svg>

<script>
  var rect = document.getElementById("rect");
  var svg = rect.ownerElement;
  console.log(svg.tagName); // 输出 "svg"
</script>

在这个示例中，我们通过 getElementById 方法获取到了 rect 元素，然后通过 ownerElement 属性获取到了其父元素 svg。最后，我们输出了其标签名，也就是 "svg"。

注意事项

• ownerElement 属性只在DOM中有效，因此不能在SVG元素的内联事件处理程序中使用。
• 对于 svg 元素，其 ownerElement 属性始终为 null。

参考文献

• ownerElement SVG属性 (MDN Web Docs)