SVGElement

This translation is in progress.

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

属性

Also inherits properties from: Element, HTMLOrForeignElement

SVGElement.dataset読取専用
要素に付与されたカスタム・データ属性に対応する名前つきデータ属性の、キーと値の対のリストを与える、DOMStringMap オブジェクトです。data-* の形の属性を使って、これらの対を SVG で定義することもでき、ここで * は、その対のキーの名前です。これは、HTML の  HTMLElement.dataset 属性および HTML の data-* グローバル属性とちょうど同様に、うまく機能します。
SVGElement.className  読取専用
An SVGAnimatedString that reflects the value of the class attribute on the given element, or the empty string if class is not present. This attribute is deprecated and may be removed in a future version of this specification. Authors are advised to use Element.classList instead.
SVGElement.ownerSVGElement読取専用
直近の先祖の  <svg> 要素を参照する SVGSVGElement です。もし、与えられた要素が最も外側の <svg> 要素であれば、null  です。
SVGElement.viewportElement読取専用
現在のビューポートを確立した  SVGElement です。多くの場合は、直近の先祖の  <svg> 要素です。もし、与えられた要素が最も外側の <svg> 要素であれば、null  です。

メソッド

SVGElement インタフェースは、追加のメソッドを何も提供しませんが、親から、すなわち  Element, HTMLOrForeignElement から、メソッドを継承しています。

イベント

Events

Listen to these events using addEventListener() or by assigning an event listener to the equivalent on... handler property defined on GlobalEventHandlers or WindowEventHandlers.

abort
Fired when page loading is stopped before an SVG element has been allowed to load completely.
Also available via the onabort property.
error
Fired when an SVG element does not load properly or when an error occurs during script execution.
Also available via the onerror property.
load
Fires on an SVGElement when it is loaded in the browser.
Also available via the onload property.
resize
Fired when an SVG document is being resized.
Also available via the onresize property.
scroll
Fired when an SVG document view is being shifted along the X and/or Y axes.
Also available via the onscroll property.
unload
Fired when the DOM implementation removes an SVG document from a window or frame.
Also available via the onunload property.

仕様

Specification Status Comment
Scalable Vector Graphics (SVG) 2
SVGElement の定義
勧告候補 Adds the dataset property.
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
SVGElement の定義
勧告 Initial definition

ブラウザ互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
SVGElementChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 9Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
abort eventChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
datasetChrome 完全対応 55Edge 完全対応 17Firefox 完全対応 51IE 未対応 なしOpera 完全対応 41Safari 完全対応 10WebView Android 完全対応 55Chrome Android 完全対応 55Firefox Android 完全対応 51Opera Android 完全対応 41Safari iOS 完全対応 10Samsung Internet Android 完全対応 6.0
error eventChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
focusChrome 完全対応 ありEdge ? Firefox 完全対応 51IE ? Opera 完全対応 ありSafari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 51Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android 完全対応 あり
load eventChrome 完全対応 ありEdge ? Firefox 完全対応 あり
代替名
完全対応 あり
代替名
代替名 非標準の名前 SVGLoad を使用しています。
IE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 あり
代替名
完全対応 あり
代替名
代替名 非標準の名前 SVGLoad を使用しています。
Opera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり
offsetHeight
非推奨非標準
Chrome 未対応 ? — 50Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 ? — 37Safari 未対応 なしWebView Android 未対応 ? — 50Chrome Android 未対応 ? — 50Firefox Android 未対応 なしOpera Android 未対応 ? — 37Safari iOS 未対応 なしSamsung Internet Android 未対応 ? — 5.0
offsetLeft
非推奨非標準
Chrome 未対応 ? — 50Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 ? — 37Safari 未対応 なしWebView Android 未対応 ? — 50Chrome Android 未対応 ? — 50Firefox Android 未対応 なしOpera Android 未対応 ? — 37Safari iOS 未対応 なしSamsung Internet Android 未対応 ? — 5.0
offsetParent
非推奨非標準
Chrome 未対応 ? — 50Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 ? — 37Safari 未対応 なしWebView Android 未対応 ? — 50Chrome Android 未対応 ? — 50Firefox Android 未対応 なしOpera Android 未対応 ? — 37Safari iOS 未対応 なしSamsung Internet Android 未対応 ? — 5.0
offsetTop
非推奨非標準
Chrome 未対応 ? — 50Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 ? — 37Safari 未対応 なしWebView Android 未対応 ? — 50Chrome Android 未対応 ? — 50Firefox Android 未対応 なしOpera Android 未対応 ? — 37Safari iOS 未対応 なしSamsung Internet Android 未対応 ? — 5.0
offsetWidth
非推奨非標準
Chrome 未対応 ? — 50Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 ? — 37Safari 未対応 なしWebView Android 未対応 ? — 50Chrome Android 未対応 ? — 50Firefox Android 未対応 なしOpera Android 未対応 ? — 37Safari iOS 未対応 なしSamsung Internet Android 未対応 ? — 5.0
resize eventChrome 完全対応 ありEdge ? Firefox 完全対応 ありIE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり
scroll eventChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
unload eventChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。
非標準の名前を使用しています。
非標準の名前を使用しています。

参照