SVGElement

Baseline 广泛可用 *

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

* 此特性的某些部分可能存在不同级别的支持。

所有直接对应 SVG 语言中元素的 SVG DOM 接口都继承自 SVGElement 接口。

EventTarget Node Element SVGElement

实例属性

也继承自 Element 接口的属性。

SVGElement.attributeStyleMap 只读

一个 StylePropertyMap,代表元素 style 属性的声明。

SVGElement.autofocus

页面加载时,或 <dialog>popover 出现时,该控件是否应获得焦点。

SVGElement.className 已弃用 只读

一个 SVGAnimatedString,反映给定元素上 class 属性的值,如果 class 不存在则为空字符串。此属性已弃用,并可能在未来版本的规范中删除。建议作者使用 Element.classList

SVGElement.dataset 只读

一个 DOMStringMap 对象,提供与元素上附加的 自定义数据属性相对应的命名数据属性的键/值对列表。这些也可以在 SVG 中使用形式为 data-* 的属性来定义,其中 * 是该对的键名。这与 HTML 的 HTMLElement.dataset 属性和 HTML 的 data-* 全局属性的工作方式相同。

SVGElement.nonce

返回用于内容安全策略(Content Security Policy)的加密一次性随机数,以确定是否允许执行给定的获取操作。

SVGElement.ownerSVGElement 只读

一个 SVGSVGElement,指向最近的祖先 <svg> 元素。如果给定元素是最外层的 <svg> 元素,则为 null

SVGElement.style

一个 CSSStyleDeclaration,代表元素 style 属性的声明。

SVGElement.tabIndex

元素在制表符顺序中的位置。

SVGElement.viewportElement 只读

建立了当前视口的 SVGElement。通常是最近的祖先 <svg> 元素。如果给定元素是最外层的 <svg> 元素,则为 null

实例方法

此接口还继承自 Element 的方法。

SVGElement.blur()

从当前获得焦点的元素中移除键盘焦点。

SVGElement.focus()

使元素成为当前的键盘焦点。

事件

使用 addEventListener() 或通过将事件监听器分配给等效的 on... 处理程序属性来监听这些事件。

abort

在 SVG 元素被完全加载之前,页面加载停止时触发。

error

SVG 元素未正确加载或脚本执行期间发生错误时触发。

load

当 SVG 元素在浏览器中加载时,在 SVGElement 上触发。

resize

SVG 文档正在调整大小时触发。

scroll

SVG 文档视图沿 X 和/或 Y 轴移动时触发。

unload

当 DOM 实现从窗口或框架中删除 SVG 文档时触发。

规范

规范
Scalable Vector Graphics (SVG) 2
# InterfaceSVGElement

浏览器兼容性

另见