English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
ElementオブジェクトはHTML要素(例:<p>、<div>、<a>、<form>、その他のHTML要素)を表します。
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() | 要素を文字列に変換する |