Node インターフェイス
Node インターフェイスとは、Document、Elementや DocumentFragmentインターフェイスの継承元になるインターフェイスです。 Document、 Element や DocumentFragment インターフェイスに共通したプロパティとメソッドを提供します。
Attr, CharacterData (Text, Comment, CDATASection, ProcessingInstruction), DocumentType, Notation, Entity, EntityReferenceインターフェイスもNode インターフェイスを継承しています。
Node インターフェイスがもつプロパティやメソッドは、Node インターフェイスを継承するDocumentやElementインターフェイスなどで使うことができます。
Elementや HTMLElement 以下のオブジェクトの取得や追加、削除はこの Node インターフェイスのプロパティやメソッドを使います。
Node インターフェイスはインスタンス化する手段はありません。継承されるだけのインターフェイスで、そのまま実オブジェクトにはなりません。
.childNodes や .parentNode プロパティは Node オブジェクトを返すとなっていますが、実データとしては Document、Elementや DocumentFragment オブジェクトです。
エレメントの子エレメントを取得する場合に、返り値が Node または NodeList 、Element オブジェクトと違いがあるので注意が必要です。
Node インターフェイスはEventTargetインターフェイスを継承しています。 そのEventTargetインターフェイスによって、ユーザーの操作やwebページでの変化を監視し、イベントが発生することなどによって、webページ開発者が定義したメソッドや式を呼び出すことができます。
ページ内 Index
- ad -
プロパティ(Properties)
| プロパティ(Property) | 概要 | 分類 |
|---|---|---|
| .baseURI | ページのベースになるURLを返す DOMString。Window.locationまたは<base>の指定URL | URL取得 |
| .childNodes | 現在の子孫 NodeList を返す。変更があれば更新される | オブジェクト取得 |
| .firstChild | 最初の子Node | オブジェクト取得 |
| .isConnected | Document オブジェクト、ShadowRoot に通信できるか | Document |
| .lastChild | 最後の子Node | オブジェクト取得 |
| .nextSibling | 次の階層のNode | オブジェクト取得 |
| .nodeName | Node 名の取得 | オブジェクト情報 |
| .nodeType | ノードの型を表す数値 unsigned short型 | オブジェクト情報 |
| .nodeValue | 現在のノードの値の取得と設定 | オブジェクト情報 |
| .ownerDocument | Nodeが包括されている Document | Document |
| .parentNode | 親の Node。最上位ならnull | オブジェクト取得 |
| .parentElement | 親のElement。親がElementではない場合はnull | オブジェクト取得 |
| .previousSibling | 上の階層のNode | オブジェクト取得 |
| .textContent | Nodeと子孫Nodeのテキストの取得と設定 | オブジェクト情報 |
メソッド(Methods)
| メソッド(Method) | 概要 | 分類 |
|---|---|---|
| .appendChild() | 引数の Node を最後尾に追加 | オブジェクト操作 |
| .cloneNode() | Nodeを複製 | オブジェクト操作 |
| .compareDocumentPosition() | ノードの相対的な位置 | オブジェクト情報 |
| .contains() | 引数のNodeが子孫か否か Boolean型 | オブジェクト情報 |
| .getBoxQuads() | NodeのCSSにおいて関連するNodeをリストで返す | オブジェクト取得 |
| .getRootNode() | NodeのルートNodeを返す | オブジェクト取得 |
| .hasChildNodes() | 子Nodeを持っているか Boolean型 | オブジェクト情報 |
| .insertBefore() | Nodeを指定Nodeの前に挿入 | オブジェクト操作 |
| .isDefaultNamespace() | XML。指定した名前空間があるか | XML |
| .isEqualNode() | 指定したNodeが同じNodeか否か Boolean型 | オブジェクト情報 |
| .isSameNode() | 指定したNodeが同じNodeか否か Boolean型 | オブジェクト情報 |
| .lookupPrefix() | XML。接頭辞を返す DOMString型 | XML |
| .lookupNamespaceURI() | XML。接頭辞から名前空間の URI を返す | XML |
| .normalize() | 全てのテキストNodeを削除 | オブジェクト操作 |
| .removeChild() | 指定した子Nodeを削除 | オブジェクト操作 |
| .replaceChild() | 指定した子Nodeを置き換える | オブジェクト操作 |
- ad -