ハッピーメモメモ

私的備忘録

【JavaScript】DOM

DOMとは

Document Object Model 

・HTMLドキュメントコンテンツを表したり操作したりするAPI

・HTMLドキュメントをミラーリングする

・新しいElementノードやTextノードを作成するためのメソッドや、ほかのElementオブジェクトの子ノードしてとしてドキュメントを挿入するためのメソッドが用意されている。ドキュメントの中で要素を移動したり、要素を完全に削除したりするメソッドもある。

 

クライアントサイドJavaScript

・役割

 本来静的なHTMLドキュメントを、対話的なWebアプリケーションに変えること

 Webページの内容をスクリプトから制御すること

・DOM APIを使ってドキュメントツリーを組み立てたり操作したりすることで、フォーマットされたHTMLを出力できる

cf)サーバサイドのアプリケーション

  console.log() を使ってプレーンテキストを出力できる

 

Document Object

・すべてのWindowsオブジェクトにはdocumentプロパティがあり、documentプロパティはDocumentオブジェクトを参照する

・Documentオブジェクトはウィンドウのコンテンツを表すもの

・ブラウザのウィンドウやラブのHTMLドキュメントを表すもの

・Documentオブジェクトは単独で存在するものではない

 →DOMの中心に存在する

 

 

参照:

www.oreilly.co.jp