HTML DOMでは、 要素オブジェクトが表しているHTML要素を。
オブジェクトの要素 の子ノードは、であってもよい要素ノード、テキスト・ノード、コメント・ノードとすることができます。
NodeListオブジェクトは、 ノードのリストを表し、HTML要素の子と同様にコレクションノード。
Elementオブジェクトのプロパティとメソッド
1.関連特性属性の要素を
element.idセット/リターン要素のid
element.tagNameセット/要素のタグ名を返します。
element.dirセット/テキスト要素の方向を返します
element.accessKeyは、ショートカットキー/リターン要素を設定しました
element.draggableセット/ドラッグ要素かどうかを返します
element.langセット/リターン言語要素
リターン要素のトラバーサルの順序でelement.tabIndexセット/ Tabキーは、それが表す非横断-1
element.hidden設定/復帰要素が表示されています
element.contentEditable設定/要素が編集できるかどうかを返します。
element.isContentEditable復帰要素が編集可能です
2.国有財産の関連要素
element.attributes設定/復帰は、素子アレイが同様のオブジェクトを返す属性。
element.classNameセット/要素のクラス名を返し、その値は各階級の間のスペースで区切られた文字列であります
element.classListがセット/リターン・エレメント・クラス名は、オブジェクトの同様の配列を返します。
element.innerHTMLセット/ HTMLコードに含まれるすべての要素を返します
3.ボックスモデル関連のプロパティ
CSSは、唯一の有効なブロックレベル要素、要素のelement.clientHeight高さを返し、行0の要素が返されます。素子自体の高さ、さらに(マージン、境界を含まない)パディングを含むことに加えて。あなたも、スクロールバーマイナス水平スクロールバーの高さを持っている場合。
document.body.clientHeight> document.documentElement.clientHeightブラウザウィンドウの高さよりも大きい総ページ高さ(マイナススクロールバーの高さ)
element.clientLeftは、element.clientTopは、要素の左ボーダー、パディングの幅を返し、マージンが含まれていません。
element.scrollHeight、element.scrollWidthは、パディングを含む、オーバフロー容器セクタを含む電流要素の全体の高さを返し、擬似要素の境界の高さ、マージン、スクロールバーを含んでいません。
element.scrollLeft、element.scrollTopは、要素PX電流を返すために、右にスクロール
あなたは、からページ全体のレベルと垂直方向のスクロール距離を表示したい場合はdocument.documentElement
要素に読書
element.offsetHeight、element.offsetWidthはheigth、パディング、ボーダー、スクロールバーの高さを含む要素の垂直方向の高さを返します。
element.offsetLeft、element.offsetTopは、変位素子の現在の左上隅を返します。
4.ノードのプロパティ
element.appendChildを()要素に新しい子要素を追加します
element.children、element.childElementCount
element.firstElementChild、element.lastElementChild
element.nextElementSibling、element.previousElementSibling
element.offsetParent
プロパティ関連方法
element.getAttribute()は、同じ名前の属性の値を返します。
element.setAttribute()
element.removeAttribute()
element.hasAttribute()
element.querySelector()最初にマッチした要素を返します
getElementsByTagNameのは、コレクションのすべてのサブ要素のタグ名を返します。
getElementsByClassName
6.イベント
モニタのイベントはのEventTargetインタフェース継承されます
イベントリスナーを追加するelement.addEventListener()関数
element.removeEventListener()削除
dispatchEvent()トリガイベント
scrollIntoView()現在の要素にスクロールします
element.focus()の設定要素にフォーカス取得
補足:DOMイベントオブジェクト https://www.runoob.com/jsref/dom-obj-event.html