English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM Element オブジェクト

Element要素オブジェクト

ElementオブジェクトはHTML要素(例:<p>、<div>、<a>、<form>、その他のHTML要素)を表します。

Elementオブジェクトは、様々な要素が共有するメソッドと属性を持ちます。

Elementオブジェクト属性

以下にElementオブジェクトの属性が示されています:

属性説明
accessKey要素のaccesskey属性を設定または返します
attributes要素の属性のNamedNodeMapを返します
childElementCount指定された要素の子要素の数を返します
childNodes要素の子ノード(テキストやコメントノードを含む)のリストを返します
children要素の子要素のリスト(テキストやコメントノードを含まない)を返します
classList要素のクラス名を返します
className要素のclass属性の値を設定または返します
clientHeight要素の高さ(フィルリングを含む)を返します
clientLeft要素の左側のボーダーの幅を返します
clientTop要素の上部のボーダーの幅を返します
clientWidth要素の幅(フィルリングを含む)を返します
contentEditable要素の内容が編集可能かどうかを設定または返します
dir要素のdir属性の値を設定または返します
firstChild要素の最初の子ノードを返します
firstElementChild要素の最初の子要素(テキストやコメントノードを含まない)を返します
id要素のid属性の値を設定または返します
innerHTML要素の内容を設定または返します
innerText要素およびその子孫のテキスト内容を設定または返します
isContentEditable要素の内容が編集可能であればtrue、そうでなければfalseを返します
lang要素のlang属性の値を設定または返します
lastChild要素の最後の子ノードを返します
lastElementChild要素の最後の子要素(テキストノードおよびコメントノードを除く)を返します
namespaceURI要素の名前空間URIを返します
nextSibling同じノードツリーのレベルの次のノードを返します
nextElementSibling同じノードツリーのレベルの次の要素(テキストノードおよびコメントノードを除く)を返します
nodeNameノードの名前を返します
nodeTypeノードのノードタイプを返します
nodeValueノードの値を設定または返します
offsetHeight要素の高さを返します(充填、枠線、スクロールバーを含む)
offsetWidth要素の幅を返します(充填、枠線、スクロールバーを含む)
offsetLeft要素の水平オフセット位置を返します
offsetParent要素のオフセットパレットを返します
offsetTop要素の垂直オフセット位置を返します
ownerDocument要素のルート要素(ドキュメントオブジェクト)を返します
parentNode要素の親ノードを返します
parentElement要素の親要素を返します
previousSibling同じノードツリーのレベルの前のノードを返します
previousElementSibling同じノードツリーのレベルの前の要素(テキストノードおよびコメントノードを除く)を返します
scrollHeight要素のスクロールビューの高さを示す数字を返します
scrollLeft要素の内容の水平スクロールのピクセル値を設定または返します
scrollTop要素の内容の垂直スクロールのピクセル値を設定または返します
scrollWidth要素のスクロールビューの幅を示すNumberを返します
style要素のスタイル属性の値を設定または返します
tabIndex要素のtabindex属性の値を設定または返します
tagName要素のタグ名を返します
textContentノードおよびその子孫のテキスト内容を設定または返します
title要素のtitle属性の値を設定または返します

要素オブジェクトのメソッド

以下の表にElementオブジェクトのメソッドが示されています:

メソッド説明
addEventListener()指定された要素にイベントハンドラを追加します
appendChild()新しい子ノードを要素に追加し、最後の子ノードとして挿入します
blur()要素から焦点を外します
cloneNode()要素をクローンします
click()要素にマウスクリックをシミュレートします
compareDocumentPosition()二つの要素のドキュメント位置を比較します
contains()ノードがノードの後裔である場合にtrueを返します;それ以外の場合はfalseを返します
focus()要素に焦点を当てます
getAttribute()要素ノードの指定された属性値を返します
getAttributeNode()指定された属性ノードを返します
getBoundingClientRect()要素の大きさおよび視口に対する位置を返します
getElementsByClassName()指定されたクラス名を持つすべての子要素のリストを返します
getElementsByTagName()指定されたタグ名を持つすべての子要素のリストを返します
hasAttribute()要素に指定された属性が存在する場合にtrueを返します;それ以外の場合はfalseを返します
hasAttributes()要素に属性が存在する場合にtrueを返します;それ以外の場合はfalseを返します
hasChildNodes()要素に子ノードが存在する場合にtrueを返します;それ以外の場合はfalseを返します
insertAdjacentElement()現在の要素に対して指定された位置にHTML要素を挿入します
insertAdjacentHTML()現在の要素に対して指定された位置にHTML形式のテキストを挿入します
insertAdjacentText()現在の要素に対して指定された位置にテキストを挿入します
insertBefore()指定された既存の子ノードの前に新しい子ノードを挿入します
isDefaultNamespace()指定されたnamespaceURIがデフォルト値の場合にtrueを返します;それ以外の場合はfalseを返します
isEqualNode()二つの要素が等しいかをチェックします
isSameNode()二つの要素が同一のノード上に存在するかをチェックします
isSupported()要素が指定された機能をサポートしている場合にtrueを返します
normalize()相邻のテキストノードを結合し、要素内の空テキストノードを削除します
querySelector()指定されたCSSセレクタに一致する最初の子要素を返します
querySelectorAll()要素の指定されたCSSセレクタに一致するすべての子要素を返す
removeAttribute()要素から指定された属性を削除する
removeAttributeNode()指定された属性ノードを削除し、削除されたノードを返す
removeChild()要素から子ノードを削除する
removeEventListener()addEventListener()メソッドに追加されたイベントハンドラを削除する
replaceChild()要素内の子ノードを置き換える
requestFullscreen()全画面モードで要素を表示する
scrollIntoView()指定された要素をブラウザウィンドウの可視領域にスクロールする
setAttribute()指定された属性を設定または変更する
setAttributeNode()指定された属性ノードを設定または変更する
toString()要素を文字列に変換する