HTML DOMノード
HTML DOMでは(Document Object Model) 、すべてがノードは次のとおりです。
- 文書自体は、文書ノードであります
- すべてのHTML要素は要素ノードです
- すべてのHTML属性は、属性ノードであります
- HTML要素内のテキストは、テキストノードであります
- コメントはコメントノードであります
Elementオブジェクト
HTML DOMでは、Elementオブジェクトは、HTML要素を表します。
要素オブジェクトは、型要素ノード、テキストノード、またはコメントノードの子ノードを持つことができます。
NodeListオブジェクトは、子ノードのHTML要素のコレクションのように、ノードのリストを表します。
要素も属性を持つことができます。 属性は、属性ノードである(See next chapter) 。
ブラウザのサポート
| オブジェクト | |||||
|---|---|---|---|---|---|
| Element | はい | はい | はい | はい | はい |
| NodeList | はい | はい | はい | はい | はい |
ElementオブジェクトとNodeListオブジェクトは、すべての主要なブラウザでサポートされています。
プロパティとメソッド
次のプロパティとメソッドは、すべてのHTML要素に使用することができます。
| プロパティ/メソッド | 説明 |
|---|---|
| element .accessKey | 設定または返しaccesskey要素の属性を |
| element 。 addEventListener() | 指定された要素にイベントハンドラをアタッチ |
| element 。 appendChild() | 最後の子ノードとして、要素に、新しい子ノードを追加します |
| element .attributes | 要素の属性のNamedNodeMapですを返します。 |
| element 。 blur() | 要素からフォーカスを削除します。 |
| element .childElementCount | 要素を持っている子要素の数を返します。 |
| element .childNodes | （テキスト、コメントノードを含む）要素の子ノードのコレクションを返します。 |
| element .children | 要素の子要素のコレクションを返します（テキスト、コメントノードを除きます） |
| element .classList | クラスを返しname(s)要素のを |
| element .className | 設定またはの値を返すclass要素の属性を |
| element 。 click() | 要素の上にマウスクリックをシミュレート |
| element .clientHeight | パディングを含め、要素の高さを返します。 |
| element .clientLeft | 要素の左境界線の幅を返します。 |
| element .clientTop | 要素の上ボーダーの幅を返します。 |
| element .clientWidth | パディングを含め、要素の幅を返します。 |
| element 。 cloneNode() | クローン要素 |
| element 。 compareDocumentPosition() | 二つの要素の文書位置を比較 |
| element 。 contains() | ノードは、そうでない場合はfalse、ノードの子孫である場合はtrueを返します。 |
| element .contentEditable | 要素の内容が編集可能かどうかを設定または返します |
| elementの.dir | 設定またはの値を返すdir要素の属性を |
| element .firstChild | 要素の最初の子ノードを返します。 |
| element .firstElementChild | 要素の最初の子要素を返します。 |
| element 。 focus() | 要素にフォーカスを与えます |
| element 。 getAttribute() | 戻り値specified要素ノードの属性値を |
| element 。 getAttributeNode() | 戻り値specified属性ノードを |
| element 。 getElementsByClassName() | 指定されたクラス名を使用して、すべての子要素のコレクションを返します。 |
| element 。 getElementsByTagName() | 指定されたタグ名を持つすべての子要素のコレクションを返します。 |
| element 。 getFeature() | 指定された機能のAPIを実装するオブジェクトを返します。 |
| element 。 hasAttribute() | 要素がある場合はtrueを返しspecifiedた属性を、そうでない場合はfalse |
| element 。 hasAttributes() | 要素が何らかの属性を持っている場合、そうでない場合はfalse、trueを返します |
| element 。 hasChildNodes() | 要素が子ノードを持っている場合はそうでない場合はfalse、trueを返します |
| element .ID | 設定またはの値を返すid要素の属性を |
| element .innerHTML | 設定または要素の内容を返します。 |
| element 。 insertBefore() | 指定された、既存の子ノードの前に新しい子ノードを挿入 |
| element .isContentEditable | 要素の内容が編集可能な場合そうでない場合はfalse、trueを返します |
| element 。 isDefaultNamespace() | 指定されたnamespaceURIがデフォルトの場合はそうでない場合はfalse、trueを返します |
| element 。 isEqualNode() | チェック二つの要素が等しい場合 |
| element 。 isSameNode() | チェック二つの要素が同じノードである場合 |
| element 。 isSupported() | 指定された機能は、要素上でサポートされている場合はtrueを返します |
| element .lang | 設定またはの値を返すlang要素の属性を |
| element .lastChild | 要素の最後の子ノードを返します。 |
| element .lastElementChild | 要素の最後の子要素を返します。 |
| element .namespaceURI | 要素の名前空間URIを返します。 |
| element .nextSibling | 同じノードツリーのレベルで次のノードを返します。 |
| element .nextElementSibling | 同じノードツリーのレベルで次の要素を返します |
| element .nodeName | ノードの名前を返します。 |
| element .nodeType | ノードのノードタイプを返します。 |
| element .nodeValue | 設定またはノードの値を返します |
| element 。 normalize() | 隣接するテキストノードを結合要素に空のテキストノードを削除 |
| element .offsetHeight | パディング、ボーダーやスクロールバーを含め、要素の高さを返します。 |
| element .offsetWidth | パディング、ボーダーやスクロールバーを含め、要素の幅を返します。 |
| element .offsetLeft | 要素の水平方向のオフセット位置を返します。 |
| element .offsetParent | 要素のオフセットコンテナを返します。 |
| element .offsetTop | 要素の垂直方向のオフセット位置を返します。 |
| element .ownerDocument | ルート要素を返します(document object)要素に |
| element .parentNode | 要素の親ノードを返します。 |
| element .parentElement | 要素の親要素ノードを返します。 |
| element .previousSibling | 同じノードツリーのレベルで前のノードを返します。 |
| element .previousElementSibling | 同じノードツリーのレベルで前の要素を返します。 |
| element 。 querySelector() | 指定されたCSS一致する最初の子要素を返しselector(s)要素のを |
| 要素 。 querySelectorAll() | 指定されたCSS一致するすべての子要素を返しselector(s)要素のを |
| element 。 removeAttribute() | 要素から指定された属性を削除します |
| element 。 removeAttributeNode() | 指定された属性ノードを削除し、削除したノードを返します。 |
| element 。 removeChild() | 要素から子ノードを削除します。 |
| element 。 replaceChild() | 要素に子ノードを置き換え |
| element 。 removeEventListener() | 添付されたイベントハンドラを削除しaddEventListener()メソッドを |
| element .scrollHeight | パディングを含め、要素の全体の高さを返します |
| element .scrollLeft | セットまたは要素の内容を水平方向にスクロールされている画素の数を返します |
| element .scrollTop | 設定または要素の内容を上下にスクロールされたピクセルの数を返します。 |
| element .scrollWidth | パディングを含め、要素の全体の幅を返します |
| element 。 setAttribute() | 設定または変更specified指定された値に、属性を |
| element 。 setAttributeNode() | 設定または変更specified属性ノードを |
| element .style | 設定またはの値を返すstyle要素の属性を |
| element .tabIndex | 設定またはの値を返すtabindex要素の属性を |
| element .tagName | 要素のタグ名を返します。 |
| element .textContent | 設定またはノードとその子孫のテキストコンテンツを返します。 |
| element .TITLE | 設定またはの値を返すtitle要素の属性を |
| element 。 toString() | 要素を文字列に変換します |
| ノードリスト 。 item() | NodeListの中で指定されたインデックスにあるノードを返します。 |
| ノードリスト .LENGTH | NodeList内のノードの数を返します。 |