SVGElement
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
* Some parts of this feature may have varying levels of support.
SVG DOM インターフェイスはすべて、 SVG 言語の各要素に直接対応するものであり、 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... ハンドラープロパティに代入するかして待ち受けしてください。
仕様書
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2> # InterfaceSVGElement> |
ブラウザーの互換性
Loading…
関連情報
- HTML
data-*属性 - SVG
data-*属性 - HTML におけるカスタムデータ属性の使用