--- title: Element slug: Web/API/Element tags: - API - DOM - DOM Reference - Element - Interface - Reference - Web API - インターフェイス translation_of: Web/API/Element ---
Element
は {{DOMxRef("Document")}} の中にあるすべての要素オブジェクト (すなわち、要素を表現するオブジェクト) が継承する、もっとも一般的な基底クラスです。このインターフェイスは、すべての種類の要素に共通するメソッドとプロパティを記述するだけのものです。多くの具体的なクラスが Element
を継承します。例えば HTML 要素には {{DOMxRef("HTMLElement")}} インターフェイス、SVG 要素には {{DOMxRef("SVGElement")}} インターフェイスなど。ほとんどの機能は、クラスの階層を下りると具体化していきます。
XUL の XULElement
インターフェイスのようなウェブプラットフォームの枠外の言語もまた、Element
インターフェイスを通じて要素を実装しています。
{{InheritanceDiagram}}
親インターフェスである {{DOMxRef("Node")}}、およびその親インターフェイスである {{DOMxRef("EventTarget")}} からプロパティを継承します。そして {{DOMxRef("ParentNode")}}、{{DOMxRef("ChildNode")}}、{{DOMxRef("NonDocumentTypeChildNode")}}、{{DOMxRef("Animatable")}} のプロパティを実装しています。
null
になります。
注: Firefox 3.5 および以前のバージョンでは、HTML 要素の名前空間はありません。以降のバージョンでは、HTML 要素は HTML ツリーおよび XML ツリーで http://www.w3.org/1999/xhtml
名前空間内に存在します。{{gecko_minversion_inline("1.9.2")}}
null
。part
属性を使用して設定されるもの) が、 {{domxref("DOMTokenList")}} として返されます。null
。null
。注: DOM Level 3 では、{{DOMxRef("Node")}} インターフェスで namespaceURI
、localName
、prefix
を定義しています。これらは DOM4 で Element
に移動されました。
この変更は Chrome がバージョン 46.0 から、Firefox がバージョン 48.0 から実装されています。
Element
インターフェイスは、{{DOMxRef("Slotable")}} ミックスインで定義された以下のプロパティを含んでいます。
親である {{DOMxRef("Node")}}、およびその親である {{DOMxRef("EventTarget")}} からメソッドを継承しています。そして {{DOMxRef("ParentNode")}}、{{DOMxRef("ChildNode")}}、{{DOMxRef("NonDocumentTypeChildNode")}}、{{DOMxRef("Animatable")}} のメソッドを実装しています。
これらのイベントを待ち受けするには、 addEventListener()
を使用するか、イベントリスナーをこのインターフェイスの onイベント名
プロパティに代入するかします。
contextmenu
属性を持つ要素で発生したか、バブリングで到達した場合に発生します。 {{deprecated_inline}}Document
または Element
に送られます。{{domxref("Element/keydown_event", "keydown")}}
{{domxref("Element/keypress_event", "keypress")}}
{{domxref("Element/keyup_event", "keyup")}}
仕様書 | 状態 | 備考 |
---|---|---|
{{SpecName("CSS4 Pseudo-Elements", '#window-interface', 'Element')}} | {{Spec2("CSS4 Pseudo-Elements")}} | pseudo() メソッドを追加 |
{{SpecName("Web Animations", '', '')}} | {{Spec2("Web Animations")}} | getAnimations() メソッドを追加 |
{{SpecName('Undo Manager', '', 'Element')}} | {{Spec2('Undo Manager')}} | undoScope と undoManager プロパティを追加した。 |
{{SpecName('Pointer Events 2', '#extensions-to-the-element-interface', 'Element')}} | {{Spec2('Pointer Events 2')}} | イベントハンドラーを追加: ongotpointercapture , onlostpointercapture メソッドを追加: setPointerCapture() , releasePointerCapture() |
{{SpecName('Pointer Events', '#extensions-to-the-element-interface', 'Element')}} | {{Spec2('Pointer Events')}} | イベントハンドラーを追加: ongotpointercapture , onlostpointercapture メソッドを追加: setPointerCapture() , releasePointerCapture() |
{{SpecName('Selectors API Level 1', '#interface-definitions', 'Element')}} | {{Spec2('Selectors API Level 1')}} | メソッドを追加: querySelector() , querySelectorAll() |
{{SpecName('Pointer Lock', '#extensions-to-the-element-interface', 'Element')}} | {{Spec2('Pointer Lock')}} | requestPointerLock() メソッドを追加 |
{{SpecName('Fullscreen', '#api', 'Element')}} | {{Spec2('Fullscreen')}} | requestFullscreen() メソッドを追加 |
{{SpecName('DOM Parsing', '#extensions-to-the-element-interface', 'Element')}} | {{Spec2('DOM Parsing')}} | プロパティを追加: innerHTML , outerHTML メソッドを追加: insertAdjacentHTML() |
{{SpecName('CSSOM View', '#extension-to-the-element-interface', 'Element')}} | {{Spec2('CSSOM View')}} | プロパティを追加: scrollTop , scrollLeft , scrollWidth , scrollHeight , clientTop , clientLeft , clientWidth , clientHeight メソッドを追加: getClientRects() , getBoundingClientRect() , scroll() , scrollBy() , scrollTo() and scrollIntoView() . |
{{SpecName('Element Traversal', '#ecmascript-bindings', 'Element')}} | {{Spec2('Element Traversal')}} | {{DOMxRef("ElementTraversal")}} インターフェイスのインスタンスを追加。 |
{{SpecName('DOM WHATWG', '#interface-element', 'Element')}} | {{Spec2('DOM WHATWG')}} | メソッドを追加: closest() , insertAdjacentElement() , insertAdjacentText() Moved hasAttributes() from the Node interface to this one. |
{{SpecName("DOM4", "#interface-element", "Element")}} | {{Spec2("DOM4")}} | メソッドを削除: closest() , setIdAttribute() , setIdAttributeNS() , setIdAttributeNode() getElementsByTag() および getElementsByTagNS() の返値を変更。schemaTypeInfo プロパティを削除。 |
{{SpecName('DOM3 Core', 'core.html#ID-745549614', 'Element')}} | {{Spec2('DOM3 Core')}} | メソッドを追加: setIdAttribute() , setIdAttributeNS() , setIdAttributeNode() 。これらのメソッドは実装されず、のちの仕様書で削除されました。schemaTypeInfo プロパティを追加。このプロパティは実装されず、後の仕様で削除されました。 |
{{SpecName('DOM2 Core', 'core.html#ID-745549614', 'Element')}} | {{Spec2('DOM2 Core')}} | normalize() メソッドを {{DOMxRef("Node")}} に移動。 |
{{SpecName('DOM1', 'level-one-core.html#ID-745549614', 'Element')}} | {{Spec2('DOM1')}} | 初回定義 |
{{Compat("api.Element")}}