DevTools のヒント: DOM とはHTML と DOM の比較

Sofia Emelianova

HTML と DOM の違い簡単に言うと、HTML は最初のページ コンテンツを表し、DOM（ドキュメント オブジェクト モデル）はオブジェクト ツリーの現在のコンテンツを表します。

この動画で以下の方法をご確認ください。

• DOM を検査し、カーソルを合わせるとビューポートで要素がハイライト表示されます。
• DOM 内のノードを検索します。
• 要素をビューにスクロールします。
• $ コマンドを使用して DOM を操作する。
• 現在選択されているノードを $0 で参照します。
• DOM を編集する
• DOM ノードをドラッグして並べ替えます。
• 属性を追加します。

詳しくは、次をご覧ください。

• DOM の表示と変更のスタートガイド
• HTML と DOM
• DOM の概要