DOM ノードを簡単に複製

重複する DOM ノード

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

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

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

DOM ノードを切り取って(右クリック > [切り取り]、Cmd + X/Ctrl + X の順に選択)貼り付けて、ノードを移動することもできます。

テスト: こちらのコピーして貼り付けの手法を使用して、サイトのヘッダーまたはフッターにリンクをさらに追加して、どの時点にレイアウトを改善する必要があるかを調べます。