これらは基本的に、切り取り / コピー / 貼り付け操作です。
HTML を巨大な文字列として編集することなく、DOM を簡単に変更できます。
- ノードを右クリックして [Copy] を選択します。
- コードエディタに貼り付けることも、プロトタイピング用に DOM ノードを DOM ツリーの別の場所に貼り付けることもできます。貼り付けたノードは、現在選択されているノードの子として挿入されます。この動画では、左矢印キーを使用して直接の親の開始タグにジャンプし、そこに貼り付けています(これが通常の手順です)。
DOM ノードを切り取り(右クリック > [切り取り]、Cmd+X または Ctrl+X キー)して貼り付けることもできます。この方法では、ノードが移動します。
テスト: このコピーと貼り付けの手法を使用してサイトのヘッダーやフッターにリンクを追加し、どの部分でレイアウトを改善する必要があるかを特定します。