Element

Element は Document の中にあるすべての要素オブジェクト (すなわち、要素を表現するオブジェクト) が継承する、もっとも一般的な基底クラスです。このインターフェイスは、すべての種類の要素に共通するメソッドとプロパティを記述するだけのものです。多くの具体的なクラスが Element を継承します。例えば HTML 要素には HTMLElement インターフェイス、SVG 要素には SVGElement インターフェイスなど。ほとんどの機能は、クラスの階層を下りると具体化していきます。

XUL の XULElement インターフェイスのようなウェブプラットフォームの枠外の言語もまた、Element インターフェイスを通じて要素を実装しています。

プロパティ

親インターフェスである Node、およびその親インターフェイスである EventTarget からプロパティを継承します。そして ParentNode、ChildNode、NonDocumentTypeChildNode、Animatable のプロパティを実装しています。

Element.attributes 読取専用
対応する HTML 要素に関連したすべての属性のリストである NamedNodeMap を返します。
Element.classList 読取専用
class 属性のトークンリストを含む DOMTokenList を返します。
Element.className
DOMString 型であり、要素のクラスを表します。
Element.clientHeight 読取専用
要素の内部の高さを表す Number を返します。
Element.clientLeft 読取専用
要素の左境界の幅を表す Number を返します。
Element.clientTop 読取専用
要素の上境界の幅を表す Number を返します。
Element.clientWidth 読取専用
要素の内部の幅を表す Number を返します。
Element.computedName 読取専用
アクセシビリティ向けに公開されたラベルを含む DOMString を返します。
Element.computedRole 読取専用
特定の要素に適用された ARIA ロールを含む DOMString を返します。
Element.id
DOMString 型であり、要素の id を表します。
Element.innerHTML
DOMString 型であり、要素内容のマークアップを表します。
Element.localName 読取専用
要素の修飾名のローカル部分を表す DOMString です。
Element.namespaceURI 読取専用
要素の名前空間の URI。名前空間がない場合は null になります。

メモ: Firefox 3.5 および以前のバージョンでは、HTML 要素の名前空間はありません。以降のバージョンでは、HTML 要素は HTML ツリーおよび XML ツリーで http://www.w3.org/1999/xhtml 名前空間内に存在します。

NonDocumentTypeChildNode.nextElementSibling 読取専用
Element 型であり、ツリー上で自身の直後の要素 (弟) を表します。兄弟ノードがなければ null。
Element.outerHTML
DOMString 型であり、その要素を内容に含むマークアップを表します。設定に用いる場合、与えられた文字列からパースされたノードでその要素を置換します。
Element.part
要素のパート識別子 (すなわち、 part 属性を使用して設定されるもの) が、 DOMTokenList として返されます。
Element.prefix 読取専用
要素の名前空間プレフィックスを表す DOMString。プレフィックスが指定されていない場合は null。
NonDocumentTypeChildNode.previousElementSibling 読取専用
Element 型であり、ツリー上で自身の直前の要素 (兄) を表します。兄弟ノードが無ければ null。
Element.scrollHeight 読取専用
要素のスクロールビューの高さを表す Number を返します。
Element.scrollLeft
Number 型であり、要素の左スクロールオフセット値を表します。
Element.scrollLeftMax 読取専用
要素で可能な左スクロールオフセットの最大値を表す Number を返します。
Element.scrollTop
文書の上端が垂直方向にスクロールされた量をピクセル数で表す Number です。
Element.scrollTopMax 読取専用
要素で可能な上スクロールオフセットの最大値を表す Number を返します。
Element.scrollWidth 読取専用
要素のスクロールビュー幅を表す Number を返します。
Element.shadowRoot読取専用
要素が所持しているオープンモードの Shadow Root、あるいはオープンモードの Shadow Root がない場合は null を返します。
Element.openOrClosedShadowRoot 読取専用
オープン・クローズに関係なく、要素が所持している Shadow Root を返します。WebExtensions に限り使用できます。
Element.slot
要素が挿入されている shadow DOM スロットの名前を返します。
Element.tabStop
Boolean 型であり、要素が Tab キーによって入力フォーカスを受け取れるかを示します。
Element.tagName 読取専用
要素のタグ名を String で返します。
Element.undoManager 読取専用
要素に関連する UndoManager を返します。
Element.undoScope
Boolean 型であり、要素が undo scope を提供しているか否かを示します。

メモ: DOM Level 3 では、Node インターフェスで namespaceURI、localName、prefix を定義しています。これらは DOM4 で Element に移動されました。

この変更は Chrome がバージョン 46.0 から、Firefox がバージョン 48.0 から実装されています。

Slotable に含まれるプロパティ

Element インターフェイスは、Slotable ミックスインで定義された以下のプロパティを含んでいます。

Slotable.assignedSlot読取専用
ノードが挿入されている <slot> を表す HTMLSlotElement を返します。

イベントハンドラー

Element.onfullscreenchange
要素が全画面モードに入ったり出たりしたときに送られる fullscreenchange イベントのイベントハンドラーです。これは期待された遷移が成功したかどうかを監視するために使用することができますが、アプリの実行がバックグラウンドになった場合など、想定外の変化を監視することもできます。
Element.onfullscreenerror
全画面モードへ移行しようとしてエラーが発生したときに送られる fullscreenerror イベントのイベントハンドラーです。

メソッド

親である Node、およびその親である EventTarget からメソッドを継承しています。そして ParentNode、ChildNode、NonDocumentTypeChildNode、Animatable のメソッドを実装しています。

EventTarget.addEventListener()
要素に特定のイベント型を扱うイベントハンドラーを登録します。
Element.attachShadow()
指定した要素に shadow DOM ツリーを結びつけて、その ShadowRoot への参照を返します。
Element.animate()
要素でアニメーションを作成および実行するためのショートカットメソッドです。作成した Animation オブジェクトのインスタンスを返します。
Element.closest()
引数に指定したセレクターによって選択される要素がもっとも近い祖先要素 (または当該要素自身) を Element 型で返します。
Element.createShadowRoot()
要素で shadow DOM を作成します。その要素は Shadow Host になります。また、ShadowRoot を返します。
Element.computedStyleMap()
CSSStyleDeclaration に代わる、CSS 宣言ブロックを読み取り専用で表現したものを提供する StylePropertyMapReadOnly インターフェイスを返します。
EventTarget.dispatchEvent()
DOM 内のこの (this) ノードにイベントを送ります。そして、イベントをキャンセルしたハンドラーがないかを示す Boolean を返します。
Element.getAnimations()
要素でアクティブな Animation オブジェクトの配列を返します。
Element.getAttribute()
現在ノードから指定された名前の付いた属性値を取得して、Object を返します。
Element.getAttributeNames()
現在の要素の属性名の配列を返します。
Element.getAttributeNS()
現在ノードから指定された名前と名前空間 (namespase) を持つ属性値を取得して、Object を返します。
Element.getAttributeNode()
現在ノードから指定された名前の属性のノード表現を取得して、Attr を返します。
Element.getAttributeNodeNS()
現在ノードから指定された名前と名前空間をもつ属性のノード表現を取得して、Attr を返します。
Element.getBoundingClientRect()
要素のサイズと、ビューポートにおける位置を返します。
Element.getClientRects()
クライアント (ソフト) 内のテキスト上の個々の行の外接矩形 (bounding rectangle) の集合を返します。
Element.getElementsByClassName()
現在の要素から、引数に指定したクラス名のリストに該当するすべての子孫要素を持つ HTMLCollection を返します。
Element.getElementsByTagName()
現在要素から、特定のタグ名を持つすべての子孫要素の集合を取得した HTMLCollection を返します。
Element.getElementsByTagNameNS()
現在要素から、特定のタグ名と名前空間を持つすべての子孫要素の集合を取得した HTMLCollection を返します。
Element.hasAttribute()
要素が指定された指定された属性を持っているか否かを示す Boolean を返します。
Element.hasAttributeNS()
要素が指定された名前空間内に指定された属性を持っているか否かを示す Boolean を返します。
Element.hasAttributes()
要素が現在 1 つ以上の属性をもっているかを示す Boolean を返します。
Element.hasPointerCapture()
呼び出された要素が、指定されたポインター ID によって識別されるポインターのポインターキャプチャを持っているかどうかを示します。
Element.insertAdjacentElement()
メソッドを実行した要素に対して相対的な指定位置に、要素ノードを挿入します。
Element.insertAdjacentHTML()
テキストを HTML または XML としてパースして、パース結果のノードをツリーの指定した位置に挿入します。
Element.insertAdjacentText()
メソッドを実行した要素に対して相対的な指定位置に、テキストノードを挿入します。
Element.matches()
要素が指定されたセレクター文字列で選択されているか否かを示す Boolean を返します。
Element.pseudo()
指定された擬似要素セレクターに一致するこの疑似要素を表す CSSPseudoElement を返します。
Element.querySelector()
要素に対して、指定したセレクターにマッチする最初の Node を返します。
Element.querySelectorAll()
要素に対して、指定したセレクターにマッチするノードの NodeList を返します。
Element.releasePointerCapture()
以前に特定の pointer イベント 向けに設定したポインターキャプチャーを解放 (停止) します。
ChildNode.remove()
親要素の子リストから、要素を取り除きます。
Element.removeAttribute()
現在ノードから，指定された名前を持つ属性を取り除きます。
Element.removeAttributeNS()
現在ノードから，指定された名前と名前空間を持つ属性を取り除きます。
Element.removeAttributeNode()
現在ノードから，指定された名前を持つ属性のノード表現を取り除きます。
EventTarget.removeEventListener()
要素からイベントリスナーを取り除きます。
Element.requestFullscreen()
要素をフルスクリーン表示するよう、ブラウザーへ非同期的に要求します。
Element.requestPointerLock()
指定した要素でポインターをロックするよう、非同期的に要求できます。
Element.scroll()
指定された要素の中で特定の座標のセットへスクロールします。
Element.scrollBy()
指定された量だけ要素をスクロールします。
Element.scrollIntoView()
要素がビューの内側に来るまでページをスクロールします。
Element.scrollTo()
指定された要素の中で特定の座標のセットへスクロールします。
Element.setAttribute()
現在ノードに、指定された名前を持つ属性値を設定します。
Element.setAttributeNS()
現在ノードに、指定された名前と名前空間を持つ属性値を設定します。
Element.setAttributeNode()
現在ノードに、指定された名前を持つ属性値のノード表現を設定します。
Element.setAttributeNodeNS()
現在ノードに、指定された名前と名前空間を持つ属性値のノード表現を設定します。
Element.setCapture()
すべてのマウスイベントを要素にリダイレクトし、マウスイベントキャプチャーを開始 (set up) します。
Element.setPointerCapture()
以降の pointer イベント のキャプチャー対象とする、特定の要素を指定します。
Element.toggleAttribute()
指定した要素で boolean 型の属性を切り替える、すなわち属性が存在していれば削除、属性が存在していなければ追加します。

イベント

これらのイベントを待ち受けするには、 addEventListener() を使用するか、イベントリスナーをこのインターフェイスの onイベント名 プロパティに代入するかします。

cancel
ユーザーがブラウザーに、現在開いているダイアログを閉じたいと指示したときに <dialog> に発生します。ブラウザーがこのイベントを発生させる可能性があるのは、例えばユーザーが Esc キーを押したり、ブラウザーのユーザーインターフェイスの一部である「ダイアログを閉じる」ボタンをクリックしたりした場合です。
oncancel プロパティから利用することもできます。
error
リソースの読み込みに失敗したか、利用できなかった場合に発生します。例えば、スクリプトに実行エラーがあった場合や、画像が見つからなかった場合、無効であった場合などです。
onerror プロパティから利用することもできます。
scroll
文書のビューまたは要素がスクロールしたときに発生します。
onscroll プロパティから利用することもできます。
select
いくらかのテキストが選択されたときに発生します。
onselect プロパティから利用することもできます。
show
contextmenu イベントが contextmenu 属性を持つ要素で発生したか、バブリングで到達した場合に発生します。
onshow プロパティから利用することもできます。
wheel
ユーザーがポインティングデバイス (普通はマウス) のホイールボタンを回転させたときに発生します。
onwheel プロパティから利用することもできます。

クリップボードイベント

copy
ユーザーがブラウザーのユーザーインターフェイスを通して、コピー操作を行ったときに発生します。
oncopy プロパティから利用することもできます。
cut
ユーザーがブラウザーのユーザーインターフェイスを通して、切り取り操作を行ったときに発生します。
oncut プロパティから利用することもできます。
paste
ユーザーがブラウザーのユーザーインターフェイスを通して、貼り付け操作を行ったときに発生します。
onpaste プロパティから利用することもできます。

構成イベント

compositionend
input method editor のようなテキスト構成システムで、現在の入力セッションが完了またはキャンセルされたときに発生します。
compositionstart
input method editor のようなテキスト構成システムで、新しい入力セッションを始まったときに発生します。
compositionupdate
input method editor のようなテキスト構成システムによって制御されている入力セッションのコンテキストに、新しい文字が入力されたときに発生します。

フォーカスイベント

blur
要素がフォーカスを失ったときに発生します。
onblur プロパティから利用することもできます。
focus
要素がフォーカスを受け取ったときに発生します。
onfocus プロパティから利用することもできます。
focusin
要素がフォーカスを受け取ろうとしているときに発生します。
focusout
要素がフォーカスを失おうとしているときに発生します。

全画面イベント

fullscreenchange
全画面モードへの移行時または終了時に、 Document または Element に送られます。
onfullscreenchange プロパティから利用することもできます。
fullscreenerror
全画面モードへの移行または終了を試みている中でエラーが発生したときに、 Document または Element に送られます。
onfullscreenerror プロパティから利用することもできます。

キーボードイベント

keydown
キーが押されたときに発生します。
onkeydown プロパティから利用することもできます。
keypress
文字の値を発生させるキーが押されたときに発生します。
onkeypress プロパティから利用することもできます。
keyup
キーが離されたときに発生します。
onkeyup プロパティから利用することもできます。

マウスイベント

auxclick
ポインティングデバイスの第一ボタン以外のボタン (例えば、マウスの左ボタン以外のボタン) が要素上で押されて離されたときに発生します。
onauxclick プロパティから利用することもできます。
click
ポインティングデバイスのボタン (例えば、マウスの第一ボタン) が単一の要素上で押されて離されたときに発生します。
onclick プロパティから利用することもできます。
contextmenu
ユーザーがコンテキストメニューを開こうとしたときに発生します。
oncontextmenu プロパティから利用することもできます。
dblclick
ポインティングデバイスのボタン (例えば、マウスの第一ボタン) が単一の要素上で2回クリックされたときに発生します。
ondblclick プロパティから利用することもできます。
DOMActivate
要素が、例えばマウスのクリックやキーの押下によってアクティブになったときに発生します。
mousedown
ポインティングデバイスのボタンが要素上で押されたときに発生します。
onmousedown プロパティから利用することもできます。
mouseenter
ポインティングデバイス (ふつうはマウス) が、リスナーが割り当てられた要素の上へ移動したときに発生します。
onmouseenter プロパティから利用することもできます。
mouseleave
ポインティングデバイス (ふつうはマウス) が、リスナーが割り当てられた要素の外へ移動したときに発生します。
onmouseleave プロパティから利用することもできます。
mousemove
ポインティングデバイス (ふつうはマウス) が、要素の上を移動したときに発生します。
onmousemove プロパティから利用することもできます。
mouseout
ポインティングデバイス (ふつうはマウス) が、リスナーが割り当てられた要素またはその子要素の外へ移動したときに発生します。
onmouseout プロパティから利用することもできます。
mouseover
ポインティングデバイス (ふつうはマウス) が、リスナーが割り当てられた要素またはその子要素の上を移動したときに発生します。
onmouseover プロパティから利用することもできます。
mouseup
ポインティングデバイスのボタンが要素の上で離されたときに発生します。
onmouseup プロパティから利用することもできます。
webkitmouseforcechanged
trackpadtouchscreen の上の圧力が変化するたびに発生します。
webkitmouseforcedown
「強制クリック」と判断されるのに十分な圧力があった直後の mousedown イベントの後で発生します。
webkitmouseforcewillbegin
mousedown イベントの前に発生します。
webkitmouseforceup
「強制クリック」が終了したといえるほど圧力が減少した直後の webkitmouseforcedown イベントの後で発生します。

タッチイベント

touchcancel
1つ以上のタッチ点が実装依存の理由により破棄された (例えば、タッチ点が多く作られすぎた) 場合に発生します。
ontouchcancel プロパティから利用することもできます。
touchend
1つ以上のタッチ点がタッチ面から取り除かれたときに発生します。
ontouchend プロパティから利用することもできます。
touchmove
1つ以上のタッチ点がタッチ面上で移動したときに発生します。
ontouchmove プロパティから利用することもできます。
touchstart
1つ以上のタッチ点がタッチ面に配置されたときに発生します。
ontouchstart プロパティから利用することもできます。

仕様書

仕様書 状態 備考
CSS Pseudo-Elements Level 4
Element の定義		 草案 pseudo() メソッドを追加
Web Animations 草案 getAnimations() メソッドを追加
UndoManager and DOMTransaction
Element の定義		 編集者草案 undoScope と undoManager プロパティを追加した。
Pointer Events – Level 2
Element の定義		 勧告 イベントハンドラーを追加: ongotpointercapture, onlostpointercapture
メソッドを追加: setPointerCapture(), releasePointerCapture()
Pointer Events
Element の定義		 廃止された イベントハンドラーを追加: ongotpointercapture, onlostpointercapture
メソッドを追加: setPointerCapture(), releasePointerCapture()
Selectors API Level 1
Element の定義		 廃止された メソッドを追加: querySelector(), querySelectorAll()
Pointer Lock
Element の定義		 勧告候補 requestPointerLock() メソッドを追加
Fullscreen API
Element の定義		 現行の標準 requestFullscreen() メソッドを追加
DOM Parsing and Serialization
Element の定義		 草案 プロパティを追加: innerHTML, outerHTML
メソッドを追加: insertAdjacentHTML()
CSS Object Model (CSSOM) View Module
Element の定義		 草案 プロパティを追加: scrollTop, scrollLeft, scrollWidth, scrollHeight, clientTop, clientLeft, clientWidth, clientHeight
メソッドを追加: getClientRects(), getBoundingClientRect(), scroll(), scrollBy(), scrollTo() and scrollIntoView().
Element Traversal Specification
Element の定義		 廃止された ElementTraversal インターフェイスのインスタンスを追加。
DOM
Element の定義		 現行の標準 メソッドを追加: closest(), insertAdjacentElement(), insertAdjacentText()
Moved hasAttributes() from the Node interface to this one.
DOM4
Element の定義		 廃止された メソッドを削除: closest(), setIdAttribute(), setIdAttributeNS(), setIdAttributeNode()
getElementsByTag() および getElementsByTagNS() の返値を変更。
schemaTypeInfo プロパティを削除。
Document Object Model (DOM) Level 3 Core Specification
Element の定義		 廃止された メソッドを追加: setIdAttribute(), setIdAttributeNS(), setIdAttributeNode()。これらのメソッドは実装されず、のちの仕様書で削除されました。
schemaTypeInfo プロパティを追加。このプロパティは実装されず、後の仕様で削除されました。
Document Object Model (DOM) Level 2 Core Specification
Element の定義		 廃止された normalize() メソッドを Node に移動。
Document Object Model (DOM) Level 1 Specification
Element の定義		 廃止された 初回定義

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
ElementChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
DOMActivate event
非推奨非標準
Chrome 完全対応 ありEdge 未対応 なしFirefox 完全対応 ありIE 未対応 なしOpera 未対応 なしSafari 完全対応 ありWebView Android ? Chrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 未対応 なしSafari iOS ? Samsung Internet Android 完全対応 あり
DOMMouseScroll event
非推奨非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 1IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
MozMousePixelScroll event
非推奨非標準
Chrome 未対応 なしEdge 完全対応 ありFirefox 完全対応 ありIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 ありOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
MSGestureChange event
非標準
Chrome 未対応 なしEdge 完全対応 ありFirefox 未対応 なしIE 完全対応 10Opera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
MSGestureEnd event
非標準
Chrome 未対応 なしEdge 完全対応 ありFirefox 未対応 なしIE 完全対応 10Opera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
MSGestureHold event
非標準
Chrome 未対応 なしEdge 完全対応 ありFirefox 未対応 なしIE 完全対応 10Opera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
MSGestureStart event
非標準
Chrome 未対応 なしEdge 完全対応 ありFirefox 未対応 なしIE 完全対応 10Opera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
MSGestureTap event
非標準
Chrome 未対応 なしEdge 完全対応 ありFirefox 未対応 なしIE 完全対応 10Opera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
MSInertiaStart event
非標準
Chrome 未対応 なしEdge 完全対応 ありFirefox 未対応 なしIE 完全対応 10Opera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
MSManipulationStateChanged event
非標準
Chrome 未対応 なしEdge 完全対応 ありFirefox 未対応 なしIE 完全対応 ありOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
accessKeyChrome 未対応 なし
補足
未対応 なし
補足
補足 Implemented on HTMLElement.
Edge ? Firefox ? IE ? Opera 未対応 なし
補足
未対応 なし
補足
補足 Implemented on HTMLElement.
Safari ? WebView Android 未対応 なし
補足
未対応 なし
補足
補足 Implemented on HTMLElement.
Chrome Android 未対応 なし
補足
未対応 なし
補足
補足 Implemented on HTMLElement.
Firefox Android ? Opera Android 未対応 なし
補足
未対応 なし
補足
補足 Implemented on HTMLElement.
Safari iOS ? Samsung Internet Android 未対応 なし
補足
未対応 なし
補足
補足 Implemented on HTMLElement.
afterscriptexecute event
非標準
Chrome 未対応 なしEdge ? Firefox 完全対応 2IE ? Opera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
animate
実験的
Chrome 完全対応 36Edge 未対応 なしFirefox 完全対応 48IE 未対応 なしOpera 完全対応 23Safari 未対応 なしWebView Android 完全対応 37Chrome Android 完全対応 36Firefox Android 完全対応 48Opera Android 完全対応 24Safari iOS ? Samsung Internet Android 完全対応 3.0
attachShadowChrome 完全対応 53Edge 未対応 なし
補足
未対応 なし
補足
補足 Under consideration
Firefox 完全対応 63
完全対応 63
未対応 59 — 63
無効
無効 From version 59 until version 63 (exclusive): this feature is behind the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 40Safari 完全対応 10WebView Android 完全対応 53Chrome Android 完全対応 53Firefox Android 完全対応 63
完全対応 63
未対応 59 — 63
無効
無効 From version 59 until version 63 (exclusive): this feature is behind the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 完全対応 41Safari iOS 完全対応 10Samsung Internet Android 完全対応 6.0
attributesChrome 完全対応 26Edge 完全対応 16Firefox 完全対応 22IE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 22Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
attributeStyleMapChrome 完全対応 66Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android 完全対応 9.0
auxclick eventChrome 完全対応 55Edge ? Firefox 完全対応 53
補足
完全対応 53
補足
補足 Starting in Firefox 68, the auxclick event is used to trigger the new tab on middle-click action; previously, this had been done with the click event. Apps can prevent middle-click from opening new tabs (or middle-click to paste, if that feature is enabled) by intercepting auxclick on links, and auxclick event handlers can now open popups without triggering the popup blocker.
IE 未対応 なしOpera 完全対応 42Safari 未対応 なしWebView Android 完全対応 55Chrome Android 完全対応 55Firefox Android 完全対応 53Opera Android 完全対応 42Safari iOS 未対応 なしSamsung Internet Android 完全対応 6.0
beforescriptexecute event
非標準
Chrome 未対応 なしEdge ? Firefox 完全対応 2IE ? Opera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
blur eventChrome 完全対応 5Edge 完全対応 ありFirefox 完全対応 あり
完全対応 あり
未対応 ? — 24
補足
補足 The interface for this event is Event, not FocusEvent.
IE 完全対応 ありOpera 完全対応 12.1Safari 完全対応 5.1WebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 ありOpera Android 完全対応 12.1Safari iOS 完全対応 5.1Samsung Internet Android 完全対応 1.0
classListChrome 完全対応 8Edge 完全対応 16
完全対応 16
部分対応 12
補足
補足 Not supported for SVG elements.
Firefox 完全対応 3.6IE 部分対応 10
補足
部分対応 10
補足
補足 Not supported for SVG elements.
Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 5Samsung Internet Android 完全対応 あり
classNameChrome 完全対応 43Edge 完全対応 13Firefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
click eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 あり
補足
完全対応 あり
補足
補足 Beginning in Firefox 68, Firefox no longer incorrectly sends a click event for buttons other than the primary mouse button; previouly, there were circumstances in which this would occur. One example: middle-clicking a link would send a click to the document's <html> element.
IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
clientHeightChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 ありIE 完全対応 6Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
clientLeftChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
clientTopChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
clientWidthChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 ありIE 完全対応 6Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
closestChrome 完全対応 41Edge 完全対応 15Firefox 完全対応 35IE 未対応 なしOpera 完全対応 28Safari 完全対応 6WebView Android 完全対応 41Chrome Android 完全対応 41Firefox Android 完全対応 35Opera Android 完全対応 ありSafari iOS 完全対応 9Samsung Internet Android 完全対応 4.0
compositionend eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 9IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり
compositionstart eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 9IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり
compositionupdate eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 9IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり
computedStyleMap
実験的
Chrome 完全対応 66Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
contextmenu eventChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE 完全対応 9Opera 完全対応 10.5Safari 完全対応 3WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android 未対応 なし
copy eventChrome 完全対応 58Edge 完全対応 ありFirefox 完全対応 ありIE 未対応 なしOpera 完全対応 45Safari 完全対応 ありWebView Android 完全対応 58Chrome Android 完全対応 58Firefox Android 完全対応 ありOpera Android 完全対応 43Safari iOS ? Samsung Internet Android 完全対応 7.0
createShadowRoot
非推奨非標準
Chrome 完全対応 35
補足
完全対応 35
補足
補足 In Chrome 45, the ability to have multiple shadow roots was deprecated.
未対応 25 — ?
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Edge 未対応 なしFirefox 未対応 59 — 61
無効
未対応 59 — 61
無効
無効 From version 59 until version 61 (exclusive): this feature is behind the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 29 — 59
無効
無効 From version 29 until version 59 (exclusive): this feature is behind the dom.webcomponents.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 22
補足
完全対応 22
補足
補足 In Opera 32, the ability to have multiple shadow roots was deprecated.
未対応 15 — ?
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Safari 未対応 なしWebView Android 完全対応 37
補足
完全対応 37
補足
補足 In version 45, the ability to have multiple shadow roots was deprecated.
未対応 ? — ?
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Chrome Android 完全対応 35
補足
完全対応 35
補足
補足 In Chrome 45, the ability to have multiple shadow roots was deprecated.
未対応 25 — ?
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Firefox Android 未対応 59 — 61
無効
未対応 59 — 61
無効
無効 From version 59 until version 61 (exclusive): this feature is behind the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 29 — 59
無効
無効 From version 29 until version 59 (exclusive): this feature is behind the dom.webcomponents.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 完全対応 22
補足
完全対応 22
補足
補足 In Opera 32, the ability to have multiple shadow roots was deprecated.
未対応 14 — ?
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Safari iOS 未対応 なしSamsung Internet Android 完全対応 5.0
補足
完全対応 5.0
補足
補足 In Samsung Internet 5.0, the ability to have multiple shadow roots was deprecated.
未対応 4.0 — ?
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
currentStyle
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 完全対応 6Opera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
cut eventChrome 完全対応 58Edge 完全対応 ありFirefox 完全対応 ありIE 未対応 なしOpera 完全対応 45Safari 完全対応 ありWebView Android 完全対応 58Chrome Android 完全対応 58Firefox Android 完全対応 ありOpera Android 完全対応 43Safari iOS ? Samsung Internet Android 完全対応 7.0
dblclick eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 あり
補足
完全対応 あり
補足
補足 Starting in Firefox 68, dblclick events are only sent for the primary mouse button, per the specification.
IE 完全対応 11Opera ? Safari ? WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android 未対応 なし
error eventChrome 完全対応 ありEdge ? Firefox 完全対応 ありIE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり
focus eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 あり
完全対応 あり
未対応 ? — 24
補足
補足 The interface for this event is Event, not FocusEvent.
IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
focusin eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 52IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 52Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
focusout eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 52IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 52Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
fullscreenchange eventChrome 完全対応 57Edge ? Firefox 完全対応 64
完全対応 64
未対応 10 — 64
代替名
代替名 非標準の名前 mozfullscreenchange を使用しています。
IE ? Opera 完全対応 44Safari ? WebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 64
完全対応 64
未対応 10 — 64
代替名
代替名 非標準の名前 mozfullscreenchange を使用しています。
Opera Android 完全対応 43Safari iOS ? Samsung Internet Android 完全対応 7.0
fullscreenerror eventChrome 完全対応 57Edge ? Firefox 完全対応 64
完全対応 64
未対応 10 — 64
代替名
代替名 非標準の名前 mozfullscreenerror を使用しています。
IE ? Opera 完全対応 44Safari ? WebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 64
完全対応 64
未対応 10 — 64
代替名
代替名 非標準の名前 mozfullscreenerror を使用しています。
Opera Android 完全対応 43Safari iOS ? Samsung Internet Android 完全対応 7.0
gesturechange event
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 完全対応 9.1WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 完全対応 2Samsung Internet Android 未対応 なし
gestureend event
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 完全対応 9.1WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 完全対応 2Samsung Internet Android 未対応 なし
gesturestart event
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 完全対応 9.1WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 完全対応 2Samsung Internet Android 未対応 なし
getAnimations
実験的
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
getAttributeChrome 完全対応 29Edge 完全対応 12Firefox 完全対応 23IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 23Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
getAttributeNamesChrome 完全対応 61Edge 完全対応 18Firefox 完全対応 45IE 未対応 なしOpera 完全対応 48Safari 完全対応 10WebView Android 完全対応 61Chrome Android 完全対応 61Firefox Android 完全対応 45Opera Android 完全対応 45Safari iOS 完全対応 ありSamsung Internet Android 完全対応 8.0
getAttributeNodeChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
getAttributeNodeNSChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
getAttributeNSChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 あり
補足
完全対応 あり
補足
補足 Starting in Firefox 13, null is always returned instead of the empty string, as per the DOM4 specification. Previously, there were cases in which an empty string could be returned.
IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
getBoundingClientRectChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 3IE 完全対応 4Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 4
補足
完全対応 4
補足
補足 Safari for iOS will modify the effective viewport based on the user zoom. This results in incorrect values whenever the user has zoomed.
Samsung Internet Android 完全対応 あり
getClientRectsChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
getElementsByClassNameChrome 完全対応 ありEdge 完全対応 18
完全対応 18
完全対応 12
補足
補足 This function is implemented in the HTMLElement API, meaning non-HTML elements (like SVG elements) cannot use this function.
Firefox 完全対応 あり
補足
完全対応 あり
補足
補足 Prior to Firefox 19, this method was returning a NodeList; it was then changed to reflect the change in the spec.
IE 完全対応 9
補足
完全対応 9
補足
補足 This function is implemented in the HTMLElement API, meaning non-HTML elements (like SVG elements) cannot use this function.
Opera 完全対応 ありSafari 完全対応 6
補足
完全対応 6
補足
補足 Safari on iOS 8 and OS X 10.10 returns a NodeList.
WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
getElementsByTagNameChrome 完全対応 1
補足
完全対応 1
補足
補足 Initially, this method was returning a NodeList; it was then changed to reflect the spec change.
Edge 完全対応 12Firefox 完全対応 あり
補足
完全対応 あり
補足
補足 Prior to Firefox 19, this method was returning a NodeList; it was then changed to reflect the change in the spec.
IE 完全対応 5.5Opera 完全対応 あり
補足
完全対応 あり
補足
補足 Initially, this method was returning a NodeList; it was then changed to reflect the spec change.
Safari 完全対応 6
補足
完全対応 6
補足
補足 Initially, this method was returning a NodeList; it was then changed to reflect the spec change.
WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 あり
補足
完全対応 あり
補足
補足 Prior to Firefox 19, this method was returning a NodeList; it was then changed to reflect the change in the spec.
Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
getElementsByTagNameNSChrome 完全対応 1
補足
完全対応 1
補足
補足 Initially, this method was returning a NodeList; it was then changed to reflect the spec change.
Edge 完全対応 12Firefox 完全対応 あり
補足
完全対応 あり
補足
補足 The behavior of element.getElementsByTagNameNS changed between Firefox 3.5 and Firefox 3.6. In Firefox 3.5 and before, this function would automatically case-fold any queries so that a search for "foo" would match "Foo" or "foo". In Firefox 3.6 and later this function is now case-sensitive so that a query for "foo" will only match "foo" and not "Foo". For more background on this, please see the comment from Henri Sivonen about the change. You can also look at the relevant part of the standard, which states which parts of the API are case-sensitive and which parts aren't.
補足 Prior to Firefox 19, this method was returning a NodeList; it was then changed to reflects the spec change.
IE 完全対応 5.5Opera 完全対応 あり
補足
完全対応 あり
補足
補足 Initially, this method was returning a NodeList; it was then changed to reflect the spec change.
Safari 完全対応 6
補足
完全対応 6
補足
補足 Initially, this method was returning a NodeList; it was then changed to reflect the spec change.
WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 あり
補足
完全対応 あり
補足
補足 The behavior of element.getElementsByTagNameNS changed between Firefox 3.5 and Firefox 3.6. In Firefox 3.5 and before, this function would automatically case-fold any queries so that a search for "foo" would match "Foo" or "foo". In Firefox 3.6 and later this function is now case-sensitive so that a query for "foo" will only match "foo" and not "Foo". For more background on this, please see the comment from Henri Sivonen about the change. You can also look at the relevant part of the standard, which states which parts of the API are case-sensitive and which parts aren't.
補足 Prior to Firefox 19, this method was returning a NodeList; it was then changed to reflects the spec change.
Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
hasAttributeChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
hasAttributeNSChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
hasAttributesChrome 完全対応 ありEdge 完全対応 16Firefox 完全対応 あり
補足
完全対応 あり
補足
補足 [1] Before Firefox 35, it was implemented on the Node interface.
IE 完全対応 9Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
hasPointerCaptureChrome 完全対応 55Edge ? Firefox 完全対応 59
完全対応 59
完全対応 41
無効
無効 From version 41: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE ? Opera 完全対応 42Safari 未対応 なしWebView Android 完全対応 55Chrome Android 完全対応 55Firefox Android 未対応 なし
未対応 なし
完全対応 41
無効
無効 From version 41: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 完全対応 42Safari iOS 未対応 なしSamsung Internet Android 完全対応 6.0
idChrome 完全対応 42Edge 完全対応 12Firefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 42Chrome Android 完全対応 42Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
innerHTMLChrome 完全対応 33
補足
完全対応 33
補足
補足 This API was previously available on the Node API.
Edge 完全対応 14Firefox 完全対応 1IE 完全対応 4Opera 完全対応 7Safari 完全対応 9WebView Android 完全対応 あり
補足
完全対応 あり
補足
補足 This API was previously available on the Node API.
Chrome Android 完全対応 33
補足
完全対応 33
補足
補足 This API was previously available on the Node API.
Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
補足
完全対応 1.0
補足
補足 This API was previously available on the Node API.
insertAdjacentElementChrome 完全対応 1Edge 完全対応 18
完全対応 18
完全対応 12
補足
補足 This function is implemented in the HTMLElement API, meaning non-HTML elements (like SVG elements) cannot use this function.
Firefox 完全対応 48IE 完全対応 あり
補足
完全対応 あり
補足
補足 This function is implemented in the HTMLElement API, meaning non-HTML elements (like SVG elements) cannot use this function.
Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 2.3Chrome Android 完全対応 18Firefox Android 完全対応 48Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
insertAdjacentHTMLChrome 完全対応 1Edge 完全対応 18
完全対応 18
完全対応 12
補足
補足 This function is implemented in the HTMLElement API, meaning non-HTML elements (like SVG elements) cannot use this function.
Firefox 完全対応 8IE 完全対応 4
補足
完全対応 4
補足
補足 Before Internet Explorer 10, throws an "Invalid target element for this operation." error when called on a <table>, <tbody>, <thead>, or <tr> element.
補足 This function is implemented in the HTMLElement API, meaning non-HTML elements (like SVG elements) cannot use this function.
Opera 完全対応 7Safari 完全対応 10WebView Android 完全対応 2.3Chrome Android 完全対応 18Firefox Android 完全対応 8Opera Android 完全対応 ありSafari iOS 完全対応 4Samsung Internet Android 完全対応 1.0
insertAdjacentTextChrome 完全対応 1Edge 完全対応 18
完全対応 18
完全対応 12
補足
補足 This function is implemented in the HTMLElement API, meaning non-HTML elements (like SVG elements) cannot use this function.
Firefox 完全対応 48IE 完全対応 あり
補足
完全対応 あり
補足
補足 This function is implemented in the HTMLElement API, meaning non-HTML elements (like SVG elements) cannot use this function.
Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 2.3Chrome Android 完全対応 18Firefox Android 完全対応 48Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
keydown eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり
keypress event
非推奨
Chrome 完全対応 あり
補足
完全対応 あり
補足
補足 Chrome does not fire the keypress event for known keyboard shortcuts. Which keyboard shortcuts are known depends on the user's system. Use the keydown event to implement keyboard shortcuts.
Edge 完全対応 ありFirefox 完全対応 あり
補足
完全対応 あり
補足
補足 As of Firefox 65, the keypress event is no longer fired for non-printable keys, except for the Enter key, and the Shift + Enter and Ctrl + Enter key combinations (these were kept for cross-browser compatibility purposes).
IE ? Opera ? Safari ? WebView Android 完全対応 あり
補足
完全対応 あり
補足
補足 Chrome does not fire the keypress event for known keyboard shortcuts. Which keyboard shortcuts are known depends on the user's system. Use the keydown event to implement keyboard shortcuts.
Chrome Android 完全対応 あり
補足
完全対応 あり
補足
補足 Chrome does not fire the keypress event for known keyboard shortcuts. Which keyboard shortcuts are known depends on the user's system. Use the keydown event to implement keyboard shortcuts.
Firefox Android 完全対応 あり
補足
完全対応 あり
補足
補足 As of Firefox 65, the keypress event is no longer fired for non-printable keys, except for the Enter key, and the Shift + Enter and Ctrl + Enter key combinations (these were kept for cross-browser compatibility purposes).
Opera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり
補足
完全対応 あり
補足
補足 Samsung Internet does not fire the keypress event for known keyboard shortcuts. Which keyboard shortcuts are known depends on the user's system. Use the keydown event to implement keyboard shortcuts.
keyup eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり
localNameChrome 完全対応 31
補足
完全対応 31
補足
補足 This API was previously available on the Node API.
Edge 完全対応 17Firefox 完全対応 48
補足
完全対応 48
補足
補足 This API was previously available on the Node API.
IE 完全対応 9Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 あり
補足
完全対応 あり
補足
補足 This API was previously available on the Node API.
Chrome Android 完全対応 31
補足
完全対応 31
補足
補足 This API was previously available on the Node API.
Firefox Android 完全対応 48
補足
完全対応 48
補足
補足 This API was previously available on the Node API.
Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 2.0
補足
完全対応 2.0
補足
補足 This API was previously available on the Node API.
matchesChrome 完全対応 34
完全対応 34
完全対応 あり
代替名
代替名 非標準の名前 webkitMatchesSelector を使用しています。
Edge 完全対応 あり
完全対応 あり
完全対応 あり
代替名
代替名 非標準の名前 webkitMatchesSelector を使用しています。
完全対応 あり
代替名
代替名 非標準の名前 msMatchesSelector を使用しています。
Firefox 完全対応 34
完全対応 34
完全対応 44
代替名
代替名 非標準の名前 webkitMatchesSelector を使用しています。
完全対応 3.6
補足 代替名
補足 Prior to Firefox 4, invalid selector strings caused false to be returned instead of throwing an exception.
補足 See bug 1119718 for removal.
代替名 非標準の名前 mozMatchesSelector を使用しています。
IE 完全対応 9
代替名
完全対応 9
代替名
代替名 非標準の名前 msMatchesSelector を使用しています。
Opera 完全対応 21
完全対応 21
完全対応 15
代替名
代替名 非標準の名前 webkitMatchesSelector を使用しています。
未対応 11.5 — 15
代替名
代替名 非標準の名前 oMatchesSelector を使用しています。
Safari 完全対応 7
完全対応 7
完全対応 5
代替名
代替名 非標準の名前 webkitMatchesSelector を使用しています。
WebView Android 完全対応 あり
完全対応 あり
完全対応 あり
代替名
代替名 非標準の名前 webkitMatchesSelector を使用しています。
Chrome Android 完全対応 34
完全対応 34
完全対応 あり
代替名
代替名 非標準の名前 webkitMatchesSelector を使用しています。
Firefox Android 完全対応 34
完全対応 34
完全対応 44
代替名
代替名 非標準の名前 webkitMatchesSelector を使用しています。
完全対応 4
補足 代替名
補足 See bug 1119718 for removal.
代替名 非標準の名前 mozMatchesSelector を使用しています。
Opera Android 完全対応 21
完全対応 21
完全対応 14
代替名
代替名 非標準の名前 webkitMatchesSelector を使用しています。
未対応 11.5 — 14
代替名
代替名 非標準の名前 oMatchesSelector を使用しています。
Safari iOS 完全対応 8
完全対応 8
完全対応 あり
代替名
代替名 非標準の名前 webkitMatchesSelector を使用しています。
Samsung Internet Android 完全対応 2.0
完全対応 2.0
完全対応 あり
代替名
代替名 非標準の名前 webkitMatchesSelector を使用しています。
mousedown eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
mouseenter eventChrome 完全対応 30Edge 完全対応 ありFirefox 完全対応 10IE 完全対応 5.5Opera 完全対応 17Safari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 10Opera Android 完全対応 18Safari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
mouseleave eventChrome 完全対応 30Edge 完全対応 ありFirefox 完全対応 10IE 完全対応 5.5Opera 完全対応 17Safari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 10Opera Android 完全対応 18Safari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
mousemove eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
mouseout eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
mouseover eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
mouseup eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
mousewheel event
非推奨非標準
Chrome 完全対応 31Edge ? Firefox 未対応 なしIE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android 未対応 なしOpera Android ? Safari iOS ? Samsung Internet Android ?
msContentZoom event
非標準
Chrome 未対応 なしEdge 完全対応 ありFirefox 未対応 なしIE 完全対応 ありOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
nameChrome 未対応 なしEdge ? Firefox ? IE ? Opera 未対応 なしSafari ? WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android ? Opera Android 未対応 なしSafari iOS ? Samsung Internet Android 未対応 なし
namespaceURIChrome 完全対応 31
補足
完全対応 31
補足
補足 This API was previously available on the Node API.
Edge 完全対応 17Firefox 完全対応 48
補足
完全対応 48
補足
補足 This API was previously available on the Node API.
IE ? Opera 完全対応 あり
補足
完全対応 あり
補足
補足 This API was previously available on the Node API.
Safari 完全対応 10WebView Android 完全対応 あり
補足
完全対応 あり
補足
補足 This API was previously available on the Node API.
Chrome Android 完全対応 31
補足
完全対応 31
補足
補足 This API was previously available on the Node API.
Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 2.0
補足
完全対応 2.0
補足
補足 This API was previously available on the Node API.
onfullscreenchangeChrome 完全対応 57Edge ? Firefox 完全対応 64
完全対応 64
未対応 10 — 65
代替名
代替名 非標準の名前 onmozfullscreenchange を使用しています。
IE ? Opera 完全対応 ありSafari ? WebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 64
完全対応 64
未対応 10 — 65
代替名
代替名 非標準の名前 onmozfullscreenchange を使用しています。
Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android 完全対応 7.0
onfullscreenerrorChrome 完全対応 57Edge ? Firefox 完全対応 64
完全対応 64
未対応 10 — 65
代替名
代替名 非標準の名前 onmozfullscreenerror を使用しています。
IE ? Opera 完全対応 ありSafari ? WebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 64
完全対応 64
未対応 10 — 65
代替名
代替名 非標準の名前 onmozfullscreenerror を使用しています。
Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android 完全対応 7.0
openOrClosedShadowRoot
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 63
補足
完全対応 63
補足
補足 Available only to WebExtensions.
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 63
補足
完全対応 63
補足
補足 Available only to WebExtensions.
Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
outerHTMLChrome 完全対応 33
補足
完全対応 33
補足
補足 This API was previously available on the Node API.
Edge 完全対応 14Firefox 完全対応 11IE 完全対応 4Opera 完全対応 7Safari 完全対応 9WebView Android 完全対応 あり
補足
完全対応 あり
補足
補足 This API was previously available on the Node API.
Chrome Android 完全対応 33
補足
完全対応 33
補足
補足 This API was previously available on the Node API.
Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 2.0
補足
完全対応 2.0
補足
補足 This API was previously available on the Node API.
overflow event
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 ありIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 ありOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
partChrome 完全対応 ありEdge 未対応 なしFirefox 完全対応 71
無効
完全対応 71
無効
無効 From version 71: this feature is behind the layout.css.shadow-parts.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 ありSafari 未対応 なしWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 未対応 なしOpera Android ? Safari iOS 未対応 なしSamsung Internet Android ?
paste eventChrome 完全対応 58Edge 完全対応 ありFirefox 完全対応 ありIE 完全対応 11Opera 完全対応 45Safari 完全対応 ありWebView Android 完全対応 58Chrome Android 完全対応 58Firefox Android 完全対応 ありOpera Android 完全対応 43Safari iOS ? Samsung Internet Android 完全対応 7.0
prefixChrome 完全対応 31
補足
完全対応 31
補足
補足 This API was previously available on the Node API.
Edge 完全対応 13Firefox 完全対応 48
補足
完全対応 48
補足
補足 This API was previously available on the Node API.
IE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 ありChrome Android 完全対応 31
補足
完全対応 31
補足
補足 This API was previously available on the Node API.
Firefox Android 完全対応 48
補足
完全対応 48
補足
補足 This API was previously available on the Node API.
Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 2.0
補足
完全対応 2.0
補足
補足 This API was previously available on the Node API.
querySelectorChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 3.5IE 完全対応 9
完全対応 9
部分対応 8
補足
補足 querySelector() is supported, but only for CSS 2.1 selectors.
Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
querySelectorAllChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 3.5IE 完全対応 9
完全対応 9
部分対応 8
補足
補足 querySelectorAll() is supported, but only for CSS 2.1 selectors.
Opera 完全対応 10Safari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
releasePointerCaptureChrome 完全対応 55Edge 完全対応 12Firefox 完全対応 59
完全対応 59
完全対応 41
無効
無効 From version 41: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 完全対応 11
完全対応 11
完全対応 10
接頭辞付き
接頭辞付き ms のベンダー接頭辞が必要
Opera 完全対応 42Safari 未対応 なしWebView Android 完全対応 55Chrome Android 完全対応 55Firefox Android 未対応 なし
未対応 なし
完全対応 41
無効
無効 From version 41: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 完全対応 42Safari iOS 未対応 なしSamsung Internet Android 完全対応 6.0
removeAttributeChrome 完全対応 ありEdge 完全対応 12
補足
完全対応 12
補足
補足 This function doesn't respect boolean attributes' default values. See bug 12087679.
Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
removeAttributeNodeChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
removeAttributeNSChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
requestFullscreenChrome 完全対応 69
完全対応 69
完全対応 15
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Edge 未対応 12 — 14
接頭辞付き
未対応 12 — 14
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Firefox 完全対応 64
完全対応 64
未対応 47 — 65
無効
無効 From version 47 until version 65 (exclusive): this feature is behind the full-screen-api.unprefix.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 9 — 65
補足 代替名
補足 Before Firefox 44, Firefox incorrectly allowed elements inside a <frame> or <object> element to request, and to be granted, fullscreen. In Firefox 44 and onwards this has been fixed: only elements in the top-level document or in an <iframe> element with the allowfullscreen attribute can be displayed fullscreen.
代替名 非標準の名前 mozRequestFullScreen を使用しています。
IE 完全対応 11
接頭辞付き
完全対応 11
接頭辞付き
接頭辞付き ms のベンダー接頭辞が必要
Opera 完全対応 58
完全対応 58
完全対応 15
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
未対応 12 — 15
接頭辞付き
接頭辞付き o のベンダー接頭辞が必要
Safari 完全対応 あり
接頭辞付き
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
WebView Android 完全対応 69
完全対応 69
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Chrome Android 完全対応 69
完全対応 69
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Firefox Android 完全対応 64
完全対応 64
未対応 47 — 65
無効
無効 From version 47 until version 65 (exclusive): this feature is behind the full-screen-api.unprefix.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 9 — 65
補足 代替名
補足 Before Firefox 44, Firefox incorrectly allowed elements inside a <frame> or an <object> to request, and to be granted, fullscreen. In Firefox 44 and onwards this has been fixed: only elements in the top-level document or in an <iframe> with the allowfullscreen attribute can be displayed fullscreen.
代替名 非標準の名前 mozRequestFullScreen を使用しています。
Opera Android 完全対応 50
完全対応 50
完全対応 14
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
未対応 12 — 14
接頭辞付き
接頭辞付き o のベンダー接頭辞が必要
Safari iOS 完全対応 あり
接頭辞付き 補足
完全対応 あり
接頭辞付き 補足
接頭辞付き webkit のベンダー接頭辞が必要
補足 Only available on iPad, not on iPhone. Shows an overlay button which can not be disabled.
Samsung Internet Android 完全対応 10.0
完全対応 10.0
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
requestPointerLockChrome 完全対応 あり
完全対応 あり
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Edge 完全対応 13Firefox 完全対応 50
完全対応 50
完全対応 あり
接頭辞付き
接頭辞付き moz のベンダー接頭辞が必要
IE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 あり
完全対応 あり
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Chrome Android 完全対応 あり
完全対応 あり
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS ? Samsung Internet Android 完全対応 あり
完全対応 あり
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
runtimeStyle
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 完全対応 6Opera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
scrollChrome 完全対応 45Edge 未対応 なしFirefox 完全対応 ありIE 未対応 なしOpera 完全対応 32Safari 完全対応 10WebView Android 完全対応 45Chrome Android 完全対応 45Firefox Android 完全対応 ありOpera Android 完全対応 32Safari iOS 未対応 なしSamsung Internet Android 完全対応 5.0
scroll eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり
scrollByChrome 完全対応 45Edge 未対応 なしFirefox 完全対応 ありIE 未対応 なしOpera 完全対応 32Safari 完全対応 10WebView Android 完全対応 45Chrome Android 完全対応 45Firefox Android 完全対応 ありOpera Android 完全対応 32Safari iOS 未対応 なしSamsung Internet Android 完全対応 5.0
scrollHeightChrome 完全対応 4Edge 完全対応 12Firefox 完全対応 21
完全対応 21
未対応 3 — 21
補足
補足 In Firefox versions prior to 21, when an element's content does not generate a vertical scrollbar, then its scrollHeight property is equal to its clientHeight property. This can mean either the content is too short to require a scrollbar or that the element has a CSS style overflow value of visible (non-scrollable).
IE 完全対応 8Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 4Samsung Internet Android 完全対応 あり
scrollIntoView
実験的
Chrome 完全対応 29Edge 完全対応 18
補足
完全対応 18
補足
補足 The only parameter supported is alignToTop.
完全対応 12
補足
補足 This function is implemented in the HTMLElement API, meaning non-HTML elements (like SVG elements) cannot use this function.
補足 No support for smooth behavior.
Firefox 完全対応 1IE 完全対応 8
補足
完全対応 8
補足
補足 This function is implemented in the HTMLElement API, meaning non-HTML elements (like SVG elements) cannot use this function.
補足 No support for smooth behavior or center options.
Opera 完全対応 38Safari 完全対応 6
補足
完全対応 6
補足
補足 No support for smooth behavior or center options.
WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 5
補足
完全対応 5
補足
補足 No support for smooth behavior or center options.
Samsung Internet Android 完全対応 あり
scrollIntoViewIfNeeded
非標準
Chrome 完全対応 ありEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 未対応 なしOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
scrollLeftChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
scrollLeftMax
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 16IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 16Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
scrollToChrome 完全対応 45Edge 未対応 なしFirefox 完全対応 ありIE 未対応 なしOpera 完全対応 32Safari 完全対応 10WebView Android 完全対応 45Chrome Android 完全対応 45Firefox Android 完全対応 ありOpera Android 完全対応 32Safari iOS 未対応 なしSamsung Internet Android 完全対応 5.0
scrollTopChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 43Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
scrollTopMax
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 16IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 16Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
scrollWidthChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 43Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
select eventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり
setAttributeChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE 完全対応 5
補足
完全対応 5
補足
補足 In Internet Explorer 7 and earlier, setAttribute doesn't set styles and removes events when you try to set them.
Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
setAttributeNodeChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
setAttributeNodeNSChrome 完全対応 ありEdge 完全対応 12
補足
完全対応 12
補足
補足 Returns a ClientRectList with ClientRect objects (which do not contain x and y properties) instead of DOMRect objects.
Firefox 完全対応 ありIE 完全対応 あり
補足
完全対応 あり
補足
補足 Returns a ClientRectList with ClientRect objects (which do not contain x and y properties) instead of DOMRect objects.
Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
setAttributeNSChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
setCapture
非推奨非標準
Chrome 未対応 なしEdge ? Firefox 完全対応 ありIE 完全対応 5
補足
完全対応 5
補足
補足 The retargetToElement parameter to Element.setCapture() was introduced in Internet Explorer 5.5.
Opera 未対応 なしSafari ? WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android ? Opera Android 未対応 なしSafari iOS ? Samsung Internet Android 未対応 なし
setPointerCaptureChrome 完全対応 55Edge 完全対応 12Firefox 完全対応 59
完全対応 59
完全対応 41
無効
無効 From version 41: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 完全対応 11
完全対応 11
完全対応 10
接頭辞付き
接頭辞付き ms のベンダー接頭辞が必要
Opera 完全対応 42Safari 未対応 なしWebView Android 完全対応 55Chrome Android 完全対応 55Firefox Android 未対応 なし
未対応 なし
完全対応 41
無効
無効 From version 41: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 完全対応 42Safari iOS 未対応 なしSamsung Internet Android 完全対応 6.0
shadowRootChrome 完全対応 43Edge 未対応 なし
補足
未対応 なし
補足
補足 Under consideration
Firefox 完全対応 63
完全対応 63
未対応 59 — 63
無効
無効 From version 59 until version 63 (exclusive): this feature is behind the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 40Safari 完全対応 10WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 63
完全対応 63
未対応 59 — 63
無効
無効 From version 59 until version 63 (exclusive): this feature is behind the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 完全対応 41Safari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
show event
非推奨
Chrome 未対応 なしEdge ? Firefox 完全対応 ありIE ? Opera ? Safari ? WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android 未対応 なし
slotChrome 完全対応 53Edge ? Firefox 完全対応 63IE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 53Chrome Android 完全対応 53Firefox Android 完全対応 63Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 6.0
tabStop
非推奨非標準
Chrome 完全対応 43Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android 完全対応 4.0
tagNameChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
toggleAttributeChrome 完全対応 69Edge 完全対応 18Firefox 完全対応 63IE ? Opera 完全対応 56Safari 完全対応 12WebView Android 完全対応 69Chrome Android 完全対応 69Firefox Android 完全対応 63Opera Android 完全対応 48Safari iOS 完全対応 ありSamsung Internet Android 完全対応 10.0
touchcancel eventChrome 完全対応 22Edge 完全対応 12Firefox 完全対応 52IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 完全対応 ありChrome Android 完全対応 25Firefox Android 完全対応 6Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.5
touchend eventChrome 完全対応 22Edge 完全対応 12Firefox 完全対応 52IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 完全対応 ありChrome Android 完全対応 25Firefox Android 完全対応 6Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.5
touchmove eventChrome 完全対応 22Edge 完全対応 12Firefox 完全対応 52IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 完全対応 ありChrome Android 完全対応 25Firefox Android 完全対応 6Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.5
touchstart eventChrome 完全対応 22Edge 完全対応 12Firefox 完全対応 52IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 完全対応 ありChrome Android 完全対応 25Firefox Android 完全対応 6Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.5
underflow event
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 ありIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 ありOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
webkitmouseforcechanged event
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 完全対応 ありWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 完全対応 ありSamsung Internet Android 未対応 なし
webkitmouseforcedown event
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 完全対応 ありWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 完全対応 ありSamsung Internet Android 未対応 なし
webkitmouseforceup event
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 完全対応 ありWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 完全対応 ありSamsung Internet Android 未対応 なし
webkitmouseforcewillbegin event
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 完全対応 ありWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 完全対応 ありSamsung Internet Android 未対応 なし
wheel eventChrome 完全対応 61Edge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 48Safari 完全対応 ありWebView Android 完全対応 61Chrome Android 完全対応 61Firefox Android 完全対応 ありOpera Android 完全対応 45Safari iOS 完全対応 ありSamsung Internet Android 完全対応 8.0

凡例

完全対応  
完全対応
部分対応  
部分対応
未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。
非標準の名前を使用しています。
非標準の名前を使用しています。
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。
関連トピック
  1. Document Object Model
  2. Element
  3. プロパティ
    1. accessKey
    2. attributes
    3. childElementCount
    4. children
    5. classList
    6. className
    7. clientHeight
    8. clientLeft
    9. clientTop
    10. clientWidth
    11. currentStyle [翻訳する]
    12. firstElementChild [翻訳する]
    13. id
    14. innerHTML
    15. lastElementChild [翻訳する]
    16. localName
    17. name
    18. namespaceURI [翻訳する]
    19. nextElementSibling [翻訳する]
    20. onfullscreenchange [翻訳する]
    21. onfullscreenerror [翻訳する]
    22. openOrClosedShadowRoot [翻訳する]
    23. outerHTML
    24. part [翻訳する]
    25. prefix
    26. previousElementSibling [翻訳する]
    27. runtimeStyle [翻訳する]
    28. scrollHeight [翻訳する]
    29. scrollLeft [翻訳する]
    30. scrollLeftMax [翻訳する]
    31. scrollTop
    32. scrollTopMax [翻訳する]
    33. scrollWidth
    34. shadowRoot
    35. slot
    36. tabStop [翻訳する]
    37. tagName
  4. メソッド
    1. after() [翻訳する]
    2. animate()
    3. append()
    4. attachShadow()
    5. before() [翻訳する]
    6. closest()
    7. computedStyleMap() [翻訳する]
    8. createShadowRoot() [翻訳する]
    9. getAnimations() [翻訳する]
    10. getAttribute
    11. getAttributeNames()
    12. getAttributeNode
    13. getAttributeNodeNS
    14. getAttributeNS
    15. getBoundingClientRect()
    16. getClientRects
    17. getElementsByClassName()
    18. getElementsByTagName
    19. getElementsByTagNameNS
    20. hasAttribute
    21. hasAttributeNS
    22. hasAttributes
    23. hasPointerCapture()
    24. insertAdjacentElement() [翻訳する]
    25. insertAdjacentHTML
    26. insertAdjacentText()
    27. matches()
    28. msZoomTo() [翻訳する]
    29. prepend()
    30. querySelector()
    31. querySelector() [翻訳する]
    32. querySelectorAll
    33. querySelectorAll() [翻訳する]
    34. releasePointerCapture()
    35. remove()
    36. removeAttribute
    37. removeAttributeNode
    38. removeAttributeNS
    39. replaceWith() [翻訳する]
    40. requestFullscreen()
    41. requestPointerLock() [翻訳する]
    42. scroll() [翻訳する]
    43. scrollBy() [翻訳する]
    44. scrollIntoView()
    45. scrollIntoViewIfNeeded() [翻訳する]
    46. scrollTo() [翻訳する]
    47. setAttribute
    48. setAttributeNode
    49. setAttributeNodeNS
    50. setAttributeNS
    51. setCapture()
    52. setPointerCapture()
    53. toggleAttribute() [翻訳する]
  5. イベント
    1. afterscriptexecute [翻訳する]
    2. auxclick [翻訳する]
    3. blur
    4. click
    5. compositionend
    6. compositionstart
    7. compositionupdate
    8. contextmenu [翻訳する]
    9. copy
    10. cut
    11. dblclick
    12. DOMMouseScroll [翻訳する]
    13. error
    14. focus
    15. focusin
    16. focusout
    17. gesturechange [翻訳する]
    18. gestureend [翻訳する]
    19. gesturestart [翻訳する]
    20. keydown [翻訳する]
    21. mousedown
    22. mouseenter
    23. mousemove [翻訳する]
    24. mouseout [翻訳する]
    25. mouseover [翻訳する]
    26. mouseup [翻訳する]
    27. mousewheel [翻訳する]
    28. MozMousePixelScroll [翻訳する]
    29. msContentZoom [翻訳する]
    30. MSGestureChange [翻訳する]
    31. MSGestureEnd [翻訳する]
    32. MSGestureHold [翻訳する]
    33. MSGestureStart [翻訳する]
    34. MSGestureTap [翻訳する]
    35. MSInertiaStart [翻訳する]
    36. MSManipulationStateChanged [翻訳する]
    37. overflow [翻訳する]
    38. paste
    39. select [翻訳する]
    40. show [翻訳する]
    41. touchcancel
    42. touchstart
    43. underflow [翻訳する]
    44. webkitmouseforcechanged [翻訳する]
    45. webkitmouseforcedown [翻訳する]
    46. webkitmouseforceup [翻訳する]
    47. webkitmouseforcewillbegin [翻訳する]
    48. wheel [翻訳する]
  6. 継承
    1. Node
    2. EventTarget
  7. DOM に関連するページ
    1. AbortController
    2. AbortSignal
    3. AbstractRange
    4. Attr
    5. ByteString
    6. CDATASection
    7. CSSPrimitiveValue
    8. CSSValue
    9. CSSValueList
    10. CharacterData
    11. ChildNode
    12. Comment
    13. CustomEvent
    14. DOMConfiguration
    15. DOMError
    16. DOMErrorHandler
    17. DOMException
    18. DOMImplementation
    19. DOMImplementationList
    20. DOMImplementationRegistry
    21. DOMImplementationSource
    22. DOMLocator
    23. DOMObject
    24. DOMParser
    25. DOMPoint
    26. DOMPointInit
    27. DOMPointReadOnly
    28. DOMRect
    29. DOMString
    30. DOMTimeStamp
    31. DOMTokenList
    32. DOMUserData
    33. Document
    34. DocumentFragment
    35. DocumentType
    36. ElementTraversal
    37. Entity
    38. EntityReference
    39. Event
    40. EventTarget
    41. HTMLCollection
    42. MutationObserver
    43. Node
    44. NodeFilter
    45. NodeIterator
    46. NodeList
    47. NonDocumentTypeChildNode
    48. ProcessingInstruction
    49. PromiseResolver
    50. Range
    51. StaticRange
    52. Text
    53. TextDecoder
    54. TextEncoder
    55. TimeRanges
    56. TreeWalker
    57. TypeInfo
    58. USVString
    59. UserDataHandler
    60. XMLDocument