DOM ノードを簡単に複製

DOM ノードの重複

これらは基本的に、切り取り / コピー / 貼り付け操作です。

HTML を巨大な文字列として編集することなく、DOM を簡単に変更できます。

  1. ノードを右クリックして [Copy] を選択します。
  2. コードエディタに貼り付けることも、プロトタイピング用に DOM ノードを DOM ツリーの別の場所に貼り付けることもできます。貼り付けたノードは、現在選択されているノードの子として挿入されます。この動画では、左矢印キーを使用して直接の親の開始タグにジャンプし、そこに貼り付けています(これが通常の手順です)。

DOM ノードを切り取り(右クリック > [切り取り]、Cmd+X または Ctrl+X キー)して貼り付けることもできます。この方法では、ノードが移動します。

テスト: このコピーと貼り付けの手法を使用してサイトのヘッダーやフッターにリンクを追加し、どの部分でレイアウトを改善する必要があるかを特定します。