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

瀏覽器相容性

另見