SVGElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

* Some parts of this feature may have varying levels of support.

SVG DOM インターフェイスはすべて、 SVG 言語の各要素に直接対応するものであり、 SVGElement インターフェイスから派生しています。

EventTarget Node Element SVGElement

属性

Element インターフェイスから継承したプロパティもあります。

SVGElement.attributeStyleMap 読取専用

StylePropertyMap で、要素の style 属性の宣言を表します。

SVGElement.dataset 読取専用

DOMStringMap オブジェクトで、要素に添付されたカスタムデータ属性に対応する、名前つきデータ属性のキーと値の組のリストを提供します。これらの組は SVG でも data-* の形で定義することができ、 * が、その組のキー名です。これは、HTML の HTMLElement.dataset 属性および HTML の data-* グローバル属性と同様に動作します。

SVGElement.className 非推奨; 読取専用

SVGAnimatedString で、指定された要素上の class 属性の値を反映します。 class が存在しない場合は空文字列になります。この属性は非推奨であり、この仕様の将来のバージョンでは削除されるかもしれません。代わりに Element.classList を使用することをお勧めします。

SVGElement.nonce

コンテンツセキュリティポリシーが、指定された取得の続行が許可されるかどうかを決定するために一度だけ使用される暗号化番号を返します。

SVGElement.ownerSVGElement 読取専用

SVGSVGElement で、直近の先祖の <svg> 要素を参照します。もし、指定された要素が最も外側の <svg> 要素であれば null になります。

SVGElement.style

CSSStyleDeclaration で、この要素の style 属性の宣言を表します。

SVGElement.tabIndex

タブ順序における要素の位置です。

SVGElement.viewportElement 読取専用

現在のビューポートを確立した SVGElement です。多くの場合は、直近の先祖の <svg> 要素です。もし、与えられた要素が最も外側の <svg> 要素であれば、null です。

メソッド

このインターフェイスにはメソッドがありませんが、 Element から継承したメソッドがあります。

イベント

これらのイベントは addEventListener() を使用するか、イベントハンドラーを等価な on... ハンドラープロパティに代入するかして待ち受けしてください。

abort

SVG 要素が完全に読み込まれる前に、ページの読み込みが停止されたときに発生します。

error

SVG 要素が正しく読み込まれなかったり、スクリプトの実行中にエラーが発生したりしたときに発生します。

load

SVGElement がブラウザーに読み込まれたときに発生します。

resize

SVG 文書がリサイズされたときに発生します。

scroll

SVG 文書ビューが X 軸や Y 軸に沿って移動されたときに発生します。

unload

DOM 実装が SVG 文書をウィンドウやフレームから除去するときに発生します。

仕様書

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGElement

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
SVGElement
attributeStyleMap
autofocus
blur
className
Deprecated
dataset
error event
focus
options.preventScroll parameter
load event
nonce
ownerSVGElement
style
tabIndex
viewportElement

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
No support
No support
Deprecated. Not for use in new websites.
See implementation notes.
Uses a non-standard name.
Has more compatibility info.

関連情報