HTML DOM要素オブジェクト
HTML DOMノード
HTML DOM(Document Object Model)の各ノードで物事は、次のとおりです。
- 文書自体は、ドキュメントオブジェクトであります
- すべてのHTML要素は要素ノードです
- すべてのHTML属性は、属性ノードであります
- HTML要素は、テキストノードのテキストに挿入されています
- コメントは、コメントノードであります
Elementオブジェクト
HTML DOMにおいて、 要素オブジェクトは、HTML要素を表します。
要素オブジェクトの子どもたちは 、例えば、要素ノード、テキストノード、コメントノードすることができます。
NodeListオブジェクトは、ノードのリストを表し、HTML要素の子と同様にコレクションノード。
要素は、属性を持つことができます。 ノードの属性に属する財産(次のセクションを参照してください)。
ブラウザのサポート
すべての主要なブラウザは要素オブジェクトとのNodeListオブジェクトをサポートしています。 。
プロパティとメソッド
すべてのHTML要素に適用される上記のプロパティとメソッド:
プロパティ/メソッド | 説明 |
---|---|
要素.accessKey | 設定または要素のアクセスキーを返します。 |
要素.addEventListener() | 指定された要素にイベントハンドラを追加します。 |
要素.appendChild() | 子要素に新しい要素を追加します |
要素.attributes | これは、要素の属性の配列を返します。 |
要素.childNodes | 子ノードの要素の配列を返します |
要素.classlist | DOMTokenListオブジェクトとして、要素のクラス名を返します。 |
要素.className | 設定または要素のclass属性を返します。 |
要素.clientHeight | (ボーダー、マージン、またはスクロールバーを含まない)ページ目に見える高さのコンテンツを返します。 |
要素.clientWidth | (ボーダー、マージン、またはスクロールバーを含まない)幅に表示ページの内容を返します。 |
要素.cloneNode() | 要素のクローン作成 |
要素.compareDocumentPosition() | 2つの要素を比較するためのドキュメントの場所。 |
要素.contentEditable | 設定または戻り要素の内容の編集可能かどうか |
要素の.dir | 設定またはテキストの方向に要素を返します |
要素.firstChild | 要素の最初の子を返します。 |
要素.focus() | 設定文書または要素のゲインフォーカス |
要素.getAttribute() | 指定された要素の属性値を返します。 |
要素.getAttributeNode() | 指定された属性ノードを返します。 |
要素.getElementsByTagName() | すべての子要素のコレクションのタグ名を返します。 |
要素。のgetElementsByClassName() | NodeListオブジェクトとして、文書内のすべての要素がコレクションのクラス名を指定して返します。 |
要素.getFeature() | APIを実行するために、オブジェクトの指定された特性を返します。 |
要素.getUserData() | 重要な要素に関連付けられたオブジェクトを返します。 |
要素.hasAttribute() | 指定されたプロパティは、要素がtrueを返す存在する場合、それ以外の場合はfalseを返します。 |
要素.hasAttributes() | 任意の要素のプロパティがある場合はそれ以外の場合はfalseを返し、trueを返します。 |
要素.hasChildNodes() | 要素が子要素を持っているかどうかを返します |
要素.hasfocus() | ドキュメントまたは要素がフォーカスを得るかどうかを検出する、ブール値を返します。 |
要素.ID | 要素の設定または返しますIDです。 |
要素.innerHTML | 設定または要素の内容を返します。 |
要素.insertBefore() | 既存の子要素の前に新しい子要素を挿入します |
要素.isContentEditable | 要素コンテンツ編集可能な場合はtrueを返し、そうでない場合はfalse |
要素.isDefaultNamespace() | 名前空間URIがtrueを返す場合、それ以外の場合はfalseを返します。 |
要素.isEqualNode() | これらの要素が等しいチェック |
要素.isSameNode() | 二つの要素すべてが同じノードを持って確認してください。 |
要素.isSupported() | サポートされている機能が要素で指定された場合はtrueを返します。 |
要素.lang | 設定または要素の言語を返します。 |
要素.lastChild | 最後の子要素を返します |
要素.namespaceURI | URIの名前空間を返します。 |
要素.nextSibling | その要素の戻りが続きます |
要素.nodeName | 要素のタグ名(大文字)を返します |
要素.nodeType | 要素のノードタイプを返します。 |
要素.nodeValue | 要素ノードの値を返します。 |
要素.normalize() | だから、これは構造(要素、コメント、処理命令、CDATAセクション、エンティティ参照)、すなわち間隔のテキストノード、要素が(を含むプロパティ)以下のすべてのテキストノードは、どちらも隣接している「通常」形式になっていますテキスト・ノードも空のテキストノード |
要素.offsetHeight | 境界線と充填ではなく、マージンを含めて、任意の高さの要素を返します |
要素.offsetWidth | 国境やパディングを含め、要素の幅を返しますが、ない余白 |
要素.offsetLeft | 位置オフセットコンテナの相対オフセット水平の現在の要素を返します。 |
要素.offsetParent | オフセットコンテナ要素を返します。 |
要素.offsetTop | オフセット容器の垂直相対現在の要素をオフセットを返します |
要素.ownerDocument | ルート要素の要素を返します(ドキュメントオブジェクト) |
要素.parentNode | 要素の親ノードを返します。 |
要素.previousSibling | すぐに要素の前の要素を返します |
要素.querySelector() | 指定されたCSSセレクタ要素は、最初の子要素であるリターン一致 |
document.querySelectorAll() | 指定されたCSSセレクタは、すべてのサブ要素の要素ノードリストと一致して返します。 |
要素.removeAttribute() | 要素から指定された属性を削除します |
要素.removeAttributeNode() | 指定された属性ノードを削除し、後にノードの除去を返します。 |
要素.removeChild() | サブ要素を削除するには |
要素.removeEventListener() | イベントを追加するには、addEventListener()メソッドによってハンドルを削除します |
要素.replaceChild() | 子要素を交換してください |
要素.scrollHeight | (スクロールバーの隠れ場所を含む)全体の要素の高さを返します |
要素.scrollLeft | 左端の実際の要素の現在のビューと左端からの戻り値 |
要素.scrollTop | 先頭へ戻るエッジと現在の間のエッジの実際の要素の上面図から |
要素.scrollWidth | (スクロールバーの隠れ場所を含む)、要素の全体幅を返します |
要素.setAttribute() | 指定されたプロパティと指定した値を設定または変更します。 |
要素.setAttributeNode() | 指定された属性ノードを設定または変更します。 |
要素.setIdAttribute() | |
要素.setIdAttributeNode() | |
要素.setUserData() | 指定されたキーオブジェクトに関連付けられている要素で。 |
要素.style | 設定または要素のstyle属性を返します。 |
要素.tabIndex | 設定または要素のタブ順序を返します。 |
要素.tagName | 要素の文字列タグ名と(大文字) |
要素.textContent | 設定またはノードとそのテキストコンテンツを返します。 |
要素.TITLE | 設定または要素のtitle属性を返します。 |
要素.toString() | 文字列に要素 |
ノードリスト.item() | ベースの文書ツリー内の要素のインデックスを返します |
ノードリスト.LENGTH | ノードリスト内のノードの数を返します。 |