[フロントエンド] DOM

DOMとは何ですか

DOMドキュメントオブジェクトモデルは、頭字語翻訳されたドキュメントオブジェクトモデルであるJavaScriptに提供されて動的に文書の状態を変更するために使用。

二つの共通のプロパティは、DOM

  • innerHTMLのinnerHTMLプロパティを変更(取得)HTML要素(例えば、DIV)コンテンツのHTML形式に。これは、HTMLタグを含んでいます。
  • innerTextは、htmlタグが含まれていません。
  • 値(取得)要素値または入力及びTEXTAREAの属性値の内容を変更するために使用することができます。

操作のドム3つの一般的な方法

  • document.getElementById(「id属性値は」)最初のオブジェクトを返す指定されたIDへの参照を有します
  • 新しい要素ノードを作成するためのdocument.createElement(「要素名」)

4つの一般的なイベントのDOM

  • onclickイベントをクリックしてください
  • オンロードイベントに
  • 変更イベントをリッスンのonchange
  • onmouseoverマウスポインタを移動します
  • マウスポインタが要素を残しれるonmouseout
  • OnMouseDownイベントのを解放しないマウスを押したまま
  • マウス解放イベントを押しながらonMouseUpの

おすすめ

転載: blog.csdn.net/cheidou123/article/details/93247884