From adf370f84738a197d444ad9d4ff1d7e7bb62382b Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 10 Jul 2021 15:36:02 +0900 Subject: Web/API/Element を更新 (#1470) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - conflicting 版は古いので削除 - 2021/06/13 時点の英語版に同期 --- files/ja/_redirects.txt | 4 +- files/ja/_wikihistory.json | 13 - files/ja/conflicting/web/api/element/index.html | 51 ---- .../index.html | 68 ----- files/ja/web/api/element/index.html | 319 ++++++++++----------- 5 files changed, 151 insertions(+), 304 deletions(-) delete mode 100644 files/ja/conflicting/web/api/element/index.html delete mode 100644 files/ja/conflicting/web/api/element_861159909c20acebf8e506c3bb0e2f7e/index.html (limited to 'files/ja') diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index cb2295bcbd..1b5ac61d89 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -3966,7 +3966,7 @@ /ja/docs/Web/API/Node/nodePrincipal /ja/docs/Web/API/Node /ja/docs/Web/API/Node/prefix /ja/docs/Web/API/Element/prefix /ja/docs/Web/API/NodeList.item /ja/docs/Web/API/NodeList/item -/ja/docs/Web/API/NonDocumentTypeChildNode /ja/docs/conflicting/Web/API/Element_861159909c20acebf8e506c3bb0e2f7e +/ja/docs/Web/API/NonDocumentTypeChildNode /ja/docs/Web/API/Element /ja/docs/Web/API/ParentNode /ja/docs/orphaned/Web/API/ParentNode /ja/docs/Web/API/ParentNode/append /ja/docs/orphaned/Web/API/ParentNode/append /ja/docs/Web/API/ParentNode/childElementCount /ja/docs/Web/API/Element/childElementCount @@ -3997,7 +3997,7 @@ /ja/docs/Web/API/SVGTransformable /ja/docs/orphaned/Web/API/SVGTransformable /ja/docs/Web/API/ServiceWorker_API /ja/docs/Web/API/Service_Worker_API /ja/docs/Web/API/ServiceWorker_API/Using_Service_Workers /ja/docs/Web/API/Service_Worker_API/Using_Service_Workers -/ja/docs/Web/API/Slotable /ja/docs/conflicting/Web/API/Element +/ja/docs/Web/API/Slotable /ja/docs/Web/API/Element /ja/docs/Web/API/SourceBufferList/SourceBuffer /ja/docs/orphaned/Web/API/SourceBufferList/SourceBuffer /ja/docs/Web/API/TouchList.length /ja/docs/Web/API/TouchList/length /ja/docs/Web/API/TypeInfo /ja/docs/orphaned/Web/API/TypeInfo diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index 027d42d359..d80d6090f0 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -48389,19 +48389,6 @@ "mfuji09" ] }, - "conflicting/Web/API/Element": { - "modified": "2020-10-15T22:25:35.389Z", - "contributors": [ - "Uemmra3", - "gurezo" - ] - }, - "conflicting/Web/API/Element_861159909c20acebf8e506c3bb0e2f7e": { - "modified": "2020-11-23T04:18:54.717Z", - "contributors": [ - "segayuu" - ] - }, "conflicting/Web/API/FormData/Using_FormData_Objects": { "modified": "2019-03-23T23:31:20.923Z", "contributors": [ diff --git a/files/ja/conflicting/web/api/element/index.html b/files/ja/conflicting/web/api/element/index.html deleted file mode 100644 index b529d40b17..0000000000 --- a/files/ja/conflicting/web/api/element/index.html +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: Slotable -slug: conflicting/Web/API/Element -tags: - - API - - Interface - - Reference - - Slotable - - Web Components - - shadow dom -translation_of: Web/API/Slottable -translation_of_original: Web/API/Slotable -original_slug: Web/API/Slotable ---- -

{{APIRef("Shadow DOM")}}

- -

Slotable mixin は、ノードを {{htmlelement("slot")}} 要素のコンテンツにする機能を定義します。— 次の機能が {{domxref("Element")}} と {{domxref("Text")}} の両方に含まれています。

- -

プロパティ

- -
-
{{domxref("Slotable.assignedSlot")}} {{readonlyInline}}
-
ノードが挿入されている {{htmlelement("slot")}} を返します。
-
- -

メソッド

- -

なし。

- -

仕様

- - - - - - - - - - - - - - -
仕様書策定状況コメント
{{SpecName('DOM WHATWG','#slotable','Slotable')}}{{Spec2('DOM WHATWG')}}初期定義
- -

ブラウザー実装状況

- - - -

{{Compat("api.Slotable")}}

diff --git a/files/ja/conflicting/web/api/element_861159909c20acebf8e506c3bb0e2f7e/index.html b/files/ja/conflicting/web/api/element_861159909c20acebf8e506c3bb0e2f7e/index.html deleted file mode 100644 index b884f92365..0000000000 --- a/files/ja/conflicting/web/api/element_861159909c20acebf8e506c3bb0e2f7e/index.html +++ /dev/null @@ -1,68 +0,0 @@ ---- -title: NonDocumentTypeChildNode -slug: conflicting/Web/API/Element_861159909c20acebf8e506c3bb0e2f7e -tags: - - API - - DOM - - Interface - - NonDocumentTypeChildNode - - Reference -translation_of: Web/API/NonDocumentTypeChildNode -original_slug: Web/API/NonDocumentTypeChildNode ---- -
{{APIRef("DOM")}}
- -

NonDocumentTypeChildNode インターフェイスは親を持つ {{domxref("Node")}} オブジェクトに固有な、{{domxref("DocumentType")}} に適していないメソッドを含みます。

- -

NonDocumentTypeChildNode は純粋なインターフェースで、この型のオブジェクトを作ることはできません。 {{domxref("Element")}}、{{domxref("CharacterData")}} オブジェクトで実装されています。

- -

プロパティ

- -

継承されたプロパティはありません。

- -
-
{{domxref("NonDocumentTypeChildNode.previousElementSibling")}} {{readonlyInline}}
-
このノードの親ノードの子リスト内にある、このノードの直前にある {{domxref("Element")}} を返します。リスト内でこのノードの前に {{domxref("Element")}} がない場合は null を返します。
-
{{domxref("NonDocumentTypeChildNode.nextElementSibling")}} {{readonlyInline}}
-
このノードの親ノードの子リスト内にある、このノードの直後にある {{domxref("Element")}} を返します。リスト内でこのノードの後に {{domxref("Element")}} がない場合は null を返します。
-
- -

メソッド

- -

継承、および実装されたメソッドはありません。

- -

仕様

- - - - - - - - - - - - - - - - - - - -
仕様書策定状況コメント
{{SpecName('DOM WHATWG', '#interface-nondocumenttypechildnode', 'NonDocumentTypeChildNode')}}{{Spec2('DOM WHATWG')}}ElementTraversal インタフェースを{{domxref("ParentNode")}}、{{domxref("ChildNode")}}、NonDocumentTypeChildNode に分割しました。後者では previousElementSibling と nextElementSibling が定義されるようになりました。
- {{domxref("CharacterData")}} と {{domxref("Element")}} は、新しいインタフェースを実装しました。
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}ElementTraversal 基本インターフェースにプロパティの初期定義を追加し、{{domxref("Element")}} で使用できるようにしました。.
- -

ブラウザー実装状況

- -

{{Compat("api.NonDocumentTypeChildNode")}}

- -

関連情報

- - diff --git a/files/ja/web/api/element/index.html b/files/ja/web/api/element/index.html index 10b313e3a5..be6e9230ab 100644 --- a/files/ja/web/api/element/index.html +++ b/files/ja/web/api/element/index.html @@ -9,7 +9,7 @@ tags: - Interface - Reference - Web API - - インターフェイス +browser-compat: api.Element translation_of: Web/API/Element ---
{{APIRef("DOM")}}
@@ -20,13 +20,19 @@ translation_of: Web/API/Element

{{InheritanceDiagram}}

-

プロパティ

+

プロパティ

-

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

+

Element は、親インターフェスである {{DOMxRef("Node")}}、およびその親インターフェイスである {{DOMxRef("EventTarget")}} からプロパティを継承します。

+
{{DOMxRef("Element.assignedSlot")}}{{readonlyInline}}
+
このノードが挿入された {{htmlelement("slot")}} を表す {{DOMxRef("HTMLSlotElement")}} を返します。
{{DOMxRef("Element.attributes")}} {{readOnlyInline}}
対応する HTML 要素に関連したすべての属性のリストである {{DOMxRef("NamedNodeMap")}} を返します。
+
{{domxref("Element.childElementCount")}} {{readonlyInline}}
+
この要素の子要素の数を返します。
+
{{domxref("Element.children")}} {{readonlyInline}}
+
この要素の子要素を返します。
{{DOMxRef("Element.classList")}} {{readOnlyInline}}
class 属性のトークンリストを含む {{DOMxRef("DOMTokenList")}} を返します。
{{DOMxRef("Element.className")}}
@@ -39,31 +45,31 @@ translation_of: Web/API/Element
要素の上境界の幅を表す {{jsxref("Number")}} を返します。
{{DOMxRef("Element.clientWidth")}} {{readOnlyInline}}
要素の内部の幅を表す {{jsxref("Number")}} を返します。
-
{{DOMxRef("Element.computedName")}} {{readOnlyInline}}
+
{{domxref("Element.firstElementChild")}} {{readonlyInline}}
アクセシビリティ向けに公開されたラベルを含む {{DOMxRef("DOMString")}} を返します。
-
{{DOMxRef("Element.computedRole")}} {{readOnlyInline}}
-
特定の要素に適用された ARIA ロールを含む {{DOMxRef("DOMString")}} を返します。
{{DOMxRef("Element.id")}}
{{DOMxRef("DOMString")}} 型であり、要素の id を表します。
{{DOMxRef("Element.innerHTML")}}
{{DOMxRef("DOMString")}} 型であり、要素内容のマークアップを表します。
+
{{domxref("Element.lastElementChild")}} {{readonlyInline}}
+
Returns the last child element of this element.
{{DOMxRef("Element.localName")}} {{readOnlyInline}}
要素の修飾名のローカル部分を表す {{DOMxRef("DOMString")}} です。
{{DOMxRef("Element.namespaceURI")}} {{readonlyInline}}
要素の名前空間の URI。名前空間がない場合は null になります。
-

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

+

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

-
{{DOMxRef("NonDocumentTypeChildNode.nextElementSibling")}} {{readOnlyInline}}
+
{{DOMxRef("Element.nextElementSibling")}} {{readOnlyInline}}
{{DOMxRef("Element")}} 型であり、ツリー上で自身の直後の要素 (弟) を表します。兄弟ノードがなければ null。
{{DOMxRef("Element.outerHTML")}}
{{DOMxRef("DOMString")}} 型であり、その要素を内容に含むマークアップを表します。設定に用いる場合、与えられた文字列からパースされたノードでその要素を置換します。
{{DOMxRef("Element.part")}}
要素のパート識別子 (すなわち、 part 属性を使用して設定されるもの) が、 {{domxref("DOMTokenList")}} として返されます。
{{DOMxRef("Element.prefix")}} {{readOnlyInline}}
-
要素の名前空間プレフィックスを表す {{DOMxRef("DOMString")}}。プレフィックスが指定されていない場合は null。
-
{{DOMxRef("NonDocumentTypeChildNode.previousElementSibling")}} {{readOnlyInline}}
+
要素の名前空間接頭辞を表す {{DOMxRef("DOMString")}}。接頭辞が指定されていない場合は null。
+
{{DOMxRef("Element.previousElementSibling")}} {{readOnlyInline}}
{{DOMxRef("Element")}} 型であり、ツリー上で自身の直前の要素 (兄) を表します。兄弟ノードが無ければ null。
{{DOMxRef("Element.scrollHeight")}} {{readOnlyInline}}
要素のスクロールビューの高さを表す {{jsxref("Number")}} を返します。
@@ -83,32 +89,98 @@ translation_of: Web/API/Element
オープン・クローズに関係なく、要素が所持している Shadow Root を返します。WebExtensions に限り使用できます。
{{DOMxRef("Element.slot")}} {{Experimental_Inline}}
要素が挿入されている shadow DOM スロットの名前を返します。
-
{{DOMxRef("Element.tabStop")}} {{Non-standard_Inline}}
-
{{jsxref("Boolean")}} 型であり、要素が Tab キーによって入力フォーカスを受け取れるかを示します。
{{DOMxRef("Element.tagName")}} {{readOnlyInline}}
要素のタグ名を {{jsxref("String")}} で返します。
-
{{DOMxRef("Element.undoManager")}} {{Experimental_Inline}} {{readOnlyInline}}
-
要素に関連する {{DOMxRef("UndoManager")}} を返します。
-
{{DOMxRef("Element.undoScope")}} {{Experimental_Inline}}
-
{{jsxref("Boolean")}} 型であり、要素が undo scope を提供しているか否かを示します。
-
-

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

+

ARIA から導入されたプロパティ

-

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

-
- -

Slotable に含まれるプロパティ

- -

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

+

Element インターフェイスは ARIAMixin ミックスインで定義されている以下のプロパティを持っています。

-
{{DOMxRef("Slotable.assignedSlot")}}{{readonlyInline}}
-
ノードが挿入されている {{htmlelement("slot")}} を表す {{DOMxRef("HTMLSlotElement")}} を返します。
+
{{domxref("Element.ariaAtomic")}}
+
{{domxref("DOMString")}} で aria-atomic 属性を反映し、 aria-relevant 属性で定義された変更通知に基づいて、支援技術が変更された領域のすべてを提示するか、一部のみを提示するかを示します。
+
{{domxref("Element.ariaAutoComplete")}}
+
{{domxref("DOMString")}} で、 aria-autocomplete 属性を反映し、コンボボックス、サーチボックス、テキストボックスでテキストを入力する際に、ユーザーの意図した値の 1 つ以上の予測を表示するかどうか、予測が行われた場合にはどのように表示するかを指定します。
+
{{domxref("Element.ariaBusy")}}
+
{{domxref("DOMString")}} で aria-busy 属性を反映し、要素が修正されているかどうかを示します。支援技術では、修正が完了するまで待ってからユーザーに公開したい場合があります。
+
{{domxref("Element.ariaChecked")}}
+
{{domxref("DOMString")}} で aria-checked 属性を反映し、チェックボックス、ラジオボタン、その他のチェック状態を持つウィジェットの現在の「チェック」状態を示します。
+
{{domxref("Element.ariaColCount")}}
+
{{domxref("DOMString")}} で aria-colcount 属性を反映し、テーブル、グリッド、ツリーグリッドの列数を定義します。
+
{{domxref("Element.ariaColIndex")}}
+
{{domxref("DOMString")}} で aria-colindex 属性を反映し、テーブル、グリッド、ツリーグリッド内の列の総数に対する要素の列インデックスまたは位置を定義します。
+
{{domxref("Element.ariaColIndexText")}}
+
{{domxref("DOMString")}} で aria-colindextext 属性を反映し、 aria-colindex の代替となる人間が読めるテキストを定義します。
+
{{domxref("Element.ariaColSpan")}}
+
{{domxref("DOMString")}} で aria-colspan 属性を反映し、テーブル、グリッド、ツリーグリッド内のセルまたはグリッドセルがカバーする列数を定義します。
+
{{domxref("Element.ariaCurrent")}}
+
{{domxref("DOMString")}} で aria-current 属性を反映し、コンテナーまたは関連要素のセット内の現在の項目を表す要素を示します。
+
{{domxref("Element.ariaDescription")}}
+
{{domxref("DOMString")}} で aria-description 属性を反映し、現在の要素を説明または注釈する文字列値を定義します。
+
{{domxref("Element.ariaDisabled")}}
+
{{domxref("DOMString")}} で aria-disabled 属性を反映し、この要素が知覚可能であるが無効であるため、編集やその他の操作ができないことを示します。
+
{{domxref("Element.ariaExpanded")}}
+
{{domxref("DOMString")}} で aria-expanded 属性を反映し、この要素が所有または制御するグループ化要素が展開されているか畳まれているかを示します。
+
{{domxref("Element.ariaHasPopup")}}
+
{{domxref("DOMString")}} で aria-haspopup 属性を反映し、この要素によって引き起こされるメニューやダイアログのような対話型のポップアップ要素の有無と種類を示します。
+
{{domxref("Element.ariaHidden")}}
+
{{domxref("DOMString")}} で aria-hidden 属性を反映し、この要素がアクセシビリティ API に公開されているかどうかを示します。
+
{{domxref("Element.ariaKeyShortcuts")}}
+
{{domxref("DOMString")}} で aria-keyshortcuts 属性を反映し、要素を活性化したりフォーカスを与えたりするために作者が実装したキーボードショートカットを示します。
+
{{domxref("Element.ariaLabel")}}
+
{{domxref("DOMString")}} で aria-label 属性を反映し、現在の要素をラベル付けする文字列値を定義します。
+
{{domxref("Element.ariaLevel")}}
+
{{domxref("DOMString")}} で aria-level 属性を反映し、構造内の要素の階層レベルを定義します。
+
{{domxref("Element.ariaLive")}}
+
{{domxref("DOMString")}} で aria-live 属性を反映し、この要素が更新されること、ユーザーエージェント、支援技術、ユーザーがライブ領域から期待できる更新の種類を記述します。
+
{{domxref("Element.ariaModal")}}
+
{{domxref("DOMString")}} で aria-modal 属性を反映し、要素が表示されたときにモーダルであるかどうかを示します。
+
{{domxref("Element.ariaMultiline")}}
+
{{domxref("DOMString")}} で aria-multiline 属性を反映し、テキストボックスが複数行の入力を受け入れるか、一行のみを受け入れるかを示します。
+
{{domxref("Element.ariaMultiSelectable")}}
+
{{domxref("DOMString")}} で aria-multiselectable 属性を反映し、ユーザーが現在の選択可能な子孫から複数の項目を選択できることを示します。
+
{{domxref("Element.ariaOrientation")}}
+
{{domxref("DOMString")}} で aria-orientation 属性を反映し、要素の方向が水平、垂直、または不明/曖昧であることを示す。
+
{{domxref("Element.ariaPlaceholder")}}
+
{{domxref("DOMString")}} で aria-placeholder 属性を反映し、コントロールに値がない場合にユーザーのデータ入力を支援するための短いヒントを定義します。
+
{{domxref("Element.ariaPosInSet")}}
+
{{domxref("DOMString")}} で aria-posinset 属性を反映し、リストアイテムまたはツリーアイテムの現在のセットにおける要素の数または位置を定義します。
+
{{domxref("Element.ariaPressed")}}
+
{{domxref("DOMString")}} で aria-pressed 属性を反映し、トグルボタンの現在の「押された」状態を示します。
+
{{domxref("Element.ariaReadOnly")}}
+
{{domxref("DOMString")}} で aria-readonly 属性を反映し、要素が編集不可能であることを示すが、それ以外は操作可能であることを示します。
+
{{domxref("Element.ariaRelevant")}}
+
{{domxref("DOMString")}} で aria-relevant 属性を反映し、ライブリージョン内のアクセシビリティツリーが変更された場合に、ユーザエージェントがどのような通知を行うかを示します。これは、 aria-live リージョン内のどのような変更が関連性があり、アナウンスされるべきかを記述するために使用されます。
+
{{domxref("Element.ariaRequired")}}
+
{{domxref("DOMString")}} で aria-required 属性を反映し、フォームを送信する前に要素にユーザーの入力が必要であることを示します。
+
{{domxref("Element.ariaRoleDescription")}}
+
{{domxref("DOMString")}} で aria-roledescription 属性を反映し、要素の役割について、人間が読める、著者がローカライズした説明を定義します。
+
{{domxref("Element.ariaRowCount")}}
+
{{domxref("DOMString")}} で aria-rowcount 属性を反映し、テーブル、グリッド、ツリーグリッドの行の総数を定義します。
+
{{domxref("Element.ariaRowIndex")}}
+
{{domxref("DOMString")}} で aria-rowindex 属性を反映し、テーブル、グリッド、ツリーグリッド内の行の総数に対する要素の行インデックスまたは位置を定義します。
+
{{domxref("Element.ariaRowIndexText")}}
+
{{domxref("DOMString")}} で aria-rowindextext 属性を反映し、 aria-rowindex の代替となる人間が読めるテキストを定義しています。
+
{{domxref("Element.ariaRowSpan")}}
+
{{domxref("DOMString")}} で aria-rowspan 属性を反映し、テーブル、グリッド、ツリーグリッド内のセルまたはグリッドセルがカバーする行数を定義します。
+
{{domxref("Element.ariaSelected")}}
+
{{domxref("DOMString")}} で aria-selected 属性を反映し、選択状態を持つ要素の現在の「選択された」状態を示します。
+
{{domxref("Element.ariaSetSize")}}
+
{{domxref("DOMString")}} で aria-setsize 属性を反映し、現在のリストアイテムまたはツリーアイテムのセットのアイテム数を定義します。
+
{{domxref("Element.ariaSort")}}
+
{{domxref("DOMString")}} で aria-sort 属性を反映し、テーブルやグリッドのアイテムが昇順または降順でソートされるかどうかを示します。
+
{{domxref("Element.ariaValueMax")}}
+
{{domxref("DOMString")}} で aria-valueMax 属性を反映し、 range ウィジェットの最大許容値を定義します。
+
{{domxref("Element.ariaValueMin")}}
+
{{domxref("DOMString")}} で aria-valueMin 属性を反映し、 range ウィジェットに許容される最小値を定義します。
+
{{domxref("Element.ariaValueNow")}}
+
{{domxref("DOMString")}} で aria-valueNow 属性を反映し、 range ウィジェットの現在の値を定義します。
+
{{domxref("Element.ariaValueText")}}
+
{{domxref("DOMString")}} で aria-valuetext 属性を反映し、 range ウィジェットの aria-valuenow の代替となる人間が読めるテキストを定義ます。
-

イベントハンドラー

+

イベントハンドラー

{{domxref("Element.onfullscreenchange")}}
@@ -117,9 +189,9 @@ translation_of: Web/API/Element
全画面モードへ移行しようとしてエラーが発生したときに送られる {{event("fullscreenerror")}} イベントのイベントハンドラーです。
-

メソッド

+

メソッド

-

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

+

Element は親である {{DOMxRef("Node")}}、およびその親である {{DOMxRef("EventTarget")}} からメソッドを継承しています。

{{DOMxRef("EventTarget.addEventListener()")}}
@@ -128,10 +200,12 @@ translation_of: Web/API/Element
指定した要素に shadow DOM ツリーを結びつけて、その {{DOMxRef("ShadowRoot")}} への参照を返します。
{{DOMxRef("Element.animate()")}} {{Experimental_Inline}}
要素でアニメーションを作成および実行するためのショートカットメソッドです。作成した Animation オブジェクトのインスタンスを返します。
-
{{DOMxRef("Element.closest()")}} {{Experimental_Inline}}
+
{{DOMxRef("Element.append()")}}
+
この要素の最後の子の後に、一連の {{domxref("Node")}} オブジェクトまたは {{domxref("DOMString")}} オブジェクトを挿入します。
+
{{DOMxRef("Element.closest()")}}
引数に指定したセレクターによって選択される要素がもっとも近い祖先要素 (または当該要素自身) を {{DOMxRef("Element")}} 型で返します。
{{DOMxRef("Element.createShadowRoot()")}} {{Non-standard_Inline}} {{Deprecated_Inline}}
-
要素で shadow DOM を作成します。その要素は Shadow Host になります。また、{{DOMxRef("ShadowRoot")}} を返します。
+
要素で shadow DOM を作成します。その要素はシャドウホストになります。 {{DOMxRef("ShadowRoot")}} を返します。
{{DOMxRef("Element.computedStyleMap()")}} {{Experimental_Inline}}
{{DOMxRef("CSSStyleDeclaration")}} に代わる、CSS 宣言ブロックを読み取り専用で表現したものを提供する {{DOMxRef("StylePropertyMapReadOnly")}} インターフェイスを返します。
{{DOMxRef("EventTarget.dispatchEvent()")}}
@@ -139,13 +213,19 @@ translation_of: Web/API/Element
{{DOMxRef("Element.getAnimations()")}} {{Experimental_Inline}}
要素でアクティブな Animation オブジェクトの配列を返します。
{{DOMxRef("Element.getAttribute()")}}
-
現在ノードから指定された名前の付いた属性値を取得して、{{jsxref("Object")}} を返します。
+
現在ノードから指定された名前の付いた属性値を取得して、 {{jsxref("Object")}} を返します。
{{DOMxRef("Element.getAttributeNames()")}}
現在の要素の属性名の配列を返します。
+
{{DOMxRef("Element.getAttributeNode()")}}
+
現在のノードから、指定された属性のノード表現を取得し、 {{DOMxRef("Attr")}} として返します。
+
{{DOMxRef("Element.getAttributeNodeNS()")}}
+
指定された名前と名前空間を持つ属性のノード表現を現在のノードから取得し、それを {{DOMxRef("Attr")}} として返します。
{{DOMxRef("Element.getAttributeNS()")}}
現在ノードから指定された名前と名前空間 (namespase) を持つ属性値を取得して、{{jsxref("Object")}} を返します。
{{DOMxRef("Element.getBoundingClientRect()")}}
要素のサイズと、ビューポートにおける位置を返します。
+
{{domxref("Element.getBoxQuads()")}} {{experimental_inline}}
+
{{domxref("DOMQuad")}} オブジェクトのリストを返し、これはノードの CSS フラグメントを表します。
{{DOMxRef("Element.getClientRects()")}}
クライアント (ソフト) 内のテキスト上の個々の行の外接矩形 (bounding rectangle) の集合を返します。
{{DOMxRef("Element.getElementsByClassName()")}}
@@ -168,26 +248,32 @@ translation_of: Web/API/Element
テキストを HTML または XML としてパースして、パース結果のノードをツリーの指定した位置に挿入します。
{{DOMxRef("Element.insertAdjacentText()")}}
メソッドを実行した要素に対して相対的な指定位置に、テキストノードを挿入します。
-
{{DOMxRef("Element.matches()")}} {{Experimental_Inline}}
+
{{DOMxRef("Element.matches()")}}
要素が指定されたセレクター文字列で選択されているか否かを示す {{jsxref("Boolean")}} を返します。
-
{{DOMxRef("Element.pseudo()")}} {{Experimental_Inline}}
-
指定された擬似要素セレクターに一致するこの擬似要素を表す {{DOMxRef("CSSPseudoElement")}} を返します。
+
{{DOMxRef("Element.prepend()")}}
+
この要素の最初の子の前に、一連の {{domxref("Node")}} オブジェクトまたは {{domxref("DOMString")}} オブジェクトを挿入します。
{{DOMxRef("Element.querySelector()")}}
-
要素に対して、指定したセレクターにマッチする最初の {{DOMxRef("Node")}} を返します。
+
要素に対して、指定したセレクターに一致する最初の {{DOMxRef("Node")}} を返します。
{{DOMxRef("Element.querySelectorAll()")}}
-
要素に対して、指定したセレクターにマッチするノードの {{DOMxRef("NodeList")}} を返します。
+
要素に対して、指定したセレクターに一致するノードの {{DOMxRef("NodeList")}} を返します。
{{DOMxRef("Element.releasePointerCapture()")}}
-
以前に特定の {{DOMxRef("PointerEvent","pointer イベント")}} 向けに設定したポインターキャプチャーを解放 (停止) します。
-
{{DOMxRef("ChildNode.remove()")}} {{Experimental_Inline}}
+
以前に特定の {{DOMxRef("PointerEvent","pointer イベント")}}向けに設定したポインターキャプチャーを解放 (停止) します。
+
{{DOMxRef("Element.remove()")}}
親要素の子リストから、要素を取り除きます。
{{DOMxRef("Element.removeAttribute()")}}
現在ノードから，指定された名前を持つ属性を取り除きます。
+
{{DOMxRef("Element.removeAttributeNode()")}}
+
現在のノードから名前の付いた属性のノード表現を削除します。
{{DOMxRef("Element.removeAttributeNS()")}}
現在ノードから，指定された名前と名前空間を持つ属性を取り除きます。
{{DOMxRef("EventTarget.removeEventListener()")}}
要素からイベントリスナーを取り除きます。
-
{{DOMxRef("Element.requestFullscreen()")}} {{Experimental_Inline}}
-
要素をフルスクリーン表示するよう、ブラウザーへ非同期的に要求します。
+
{{DOMxRef("Element.replaceChildren()")}}
+
{{domxref("Node")}} の既存の子を指定された新しい一連の子に置き換えます。
+
{{DOMxRef("Element.replaceWith()")}}
+
親の子リストの要素を、一連の {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトで置き換えます。
+
{{DOMxRef("Element.requestFullscreen()")}} {{Experimental_Inline}}
+
要素を全画面表示するよう、ブラウザーへ非同期的に要求します。
{{DOMxRef("Element.requestPointerLock()")}} {{Experimental_Inline}}
指定した要素でポインターをロックするよう、非同期的に要求できます。
{{domxref("Element.scroll()")}}
@@ -200,35 +286,26 @@ translation_of: Web/API/Element
指定された要素の中で特定の座標のセットへスクロールします。
{{DOMxRef("Element.setAttribute()")}}
現在ノードに、指定された名前を持つ属性値を設定します。
+
{{DOMxRef("Element.setAttributeNode()")}}
+
現在のノードから指定された属性のノード表現を設定します。
+
{{DOMxRef("Element.setAttributeNodeNS()")}}
+
指定された名前と名前空間を持つ属性のノード表現を、現在のノードから設定します。
{{DOMxRef("Element.setAttributeNS()")}}
現在ノードに、指定された名前と名前空間を持つ属性値を設定します。
-
{{DOMxRef("Element.setCapture()")}} {{Non-standard_Inline}}
+
{{DOMxRef("Element.setCapture()")}} {{Non-standard_Inline}}{{Deprecated_Inline}}
すべてのマウスイベントを要素にリダイレクトし、マウスイベントキャプチャーを開始 (set up) します。
{{DOMxRef("Element.setPointerCapture()")}}
以降の pointer イベント のキャプチャー対象とする、特定の要素を指定します。
{{DOMxRef("Element.toggleAttribute()")}}
指定した要素で boolean 型の属性を切り替える、すなわち属性が存在していれば削除、属性が存在していなければ追加します。
-
-

廃止されたメソッド

-
-
{{DOMxRef("Element.getAttributeNode()")}} {{Obsolete_Inline}}
-
現在ノードから指定された名前の属性のノード表現を取得して、{{DOMxRef("Attr")}} を返します。
-
{{DOMxRef("Element.getAttributeNodeNS()")}} {{Obsolete_Inline}}
-
現在ノードから指定された名前と名前空間をもつ属性のノード表現を取得して、{{DOMxRef("Attr")}} を返します。
-
{{DOMxRef("Element.removeAttributeNode()")}} {{Obsolete_Inline}}
-
現在ノードから、指定された名前を持つ属性のノード表現を取り除きます。
-
{{DOMxRef("Element.setAttributeNode()")}} {{Obsolete_Inline}}
-
現在ノードに、指定された名前を持つ属性値のノード表現を設定します。
-
{{DOMxRef("Element.setAttributeNodeNS()")}} {{Obsolete_Inline}}
-
現在ノードに、指定された名前と名前空間を持つ属性値のノード表現を設定します。
-

イベント

+

イベント

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

-
{{domxref("Element/cancel_event", "cancel")}}
+
{{domxref("HTMLDialogElement/cancel_event", "cancel")}}
ユーザーがブラウザーに、現在開いているダイアログを閉じたいと指示したときに {{HTMLElement("dialog")}} に発生します。ブラウザーがこのイベントを発生させる可能性があるのは、例えばユーザーが Esc キーを押したり、ブラウザーのユーザーインターフェイスの一部である「ダイアログを閉じる」ボタンをクリックしたりした場合です。
{{domxref("GlobalEventHandlers/oncancel", "oncancel")}} プロパティから利用することもできます。
{{domxref("Element/error_event", "error")}}
@@ -241,14 +318,14 @@ translation_of: Web/API/Element
いくらかのテキストが選択されたときに発生します。
{{DOMxRef("GlobalEventHandlers.onselect", "onselect")}} プロパティから利用することもできます。
{{domxref("Element/show_event", "show")}}
-
{{domxref("Element/contextmenu_event", "contextmenu")}} イベントが contextmenu 属性を持つ要素で発生したか、バブリングで到達した場合に発生します。 {{deprecated_inline}}
+
{{domxref("Element/contextmenu_event", "contextmenu")}} イベントが contextmenu 属性を持つ要素で発生したか、バブリングで到達した場合に発生します。 {{deprecated_inline}}
{{DOMxRef("GlobalEventHandlers.onshow", "onshow")}} プロパティから利用することもできます。
{{domxref("Element/wheel_event","wheel")}}
ユーザーがポインティングデバイス (普通はマウス) のホイールボタンを回転させたときに発生します。
{{DOMxRef("GlobalEventHandlers.onwheel", "onwheel")}} プロパティから利用することもできます。
-

クリップボードイベント

+

クリップボードイベント

{{domxref("Element/copy_event", "copy")}}
@@ -262,7 +339,7 @@ translation_of: Web/API/Element {{domxref("HTMLElement/onpaste", "onpaste")}} プロパティから利用することもできます。
-

構成イベント

+

構成イベント

{{domxref("Element/compositionend_event", "compositionend")}}
@@ -273,7 +350,7 @@ translation_of: Web/API/Element
{{glossary("input method editor")}} のようなテキスト構成システムによって制御されている入力セッションのコンテキストに、新しい文字が入力されたときに発生します。
-

フォーカスイベント

+

フォーカスイベント

{{domxref("Element/blur_event", "blur")}}
@@ -288,7 +365,7 @@ translation_of: Web/API/Element
要素がフォーカスを失おうとしているときに発生します。
-

全画面イベント

+

全画面イベント

{{domxref("Element/fullscreenchange_event", "fullscreenchange")}}
@@ -299,7 +376,7 @@ translation_of: Web/API/Element
{{domxref("Element.onfullscreenerror", "onfullscreenerror")}} プロパティから利用することもできます。
-

キーボードイベント

+

キーボードイベント

{{domxref("Element/keydown_event", "keydown")}}
@@ -313,7 +390,7 @@ translation_of: Web/API/Element {{domxref("GlobalEventHandlers/onkeyup", "onkeyup")}} プロパティから利用することもできます。
-

マウスイベント

+

マウスイベント

{{domxref("Element/auxclick_event", "auxclick")}}
@@ -361,7 +438,7 @@ translation_of: Web/API/Element
「強制クリック」が終了したといえるほど圧力が減少した直後の {{domxref("Element/webkitmouseforcedown_event", "webkitmouseforcedown")}} イベントの後で発生します。
-

タッチイベント

+

タッチイベント

{{domxref("Element/touchcancel_event", "touchcancel")}}
@@ -378,108 +455,10 @@ translation_of: Web/API/Element {{domxref("GlobalEventHandlers/ontouchstart", "ontouchstart")}} プロパティから利用することもできます。
-

仕様書

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
仕様書状態備考
{{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")}}

+

仕様書

+ +{{Specifications}} + +

ブラウザーの互換性

+ +

{{Compat}}

-- cgit v1.2.3-54-g00ecf