DOM操作系 まとめ - Qiita

DOM(Document Object Model)とは、マークアップ言語（HTML,CSS)で書かれたドキュメントにアクセスするための標準的な仕組み。 DOMではドキュメントを文書ツリー（ドキュメントツリー）と言う、ツリー構造として扱う。１つ１つの要素をノードと呼び、要素ノード、属性ノードなど種類別に呼称する。 あるHTMLのdivタグの文章を変えたいとなると 要素ノードを取得 直接取得 文書ツリー間の行き来 イベントドリブンモデル 属性値やテキストを取得・設定 取得・設定 フォームタグ ノードを追加・置換・削除 と言う順序をもって、HTMLに対して更新していく。 要素ノードの取得 取得のためには、id,タグ名、class,セレクター方式があり、取得するデータが単数か複数かで扱い方やメソッドが複数になるかが変わるので注意！ 直接取得 メソッド 概要