輕鬆複製 DOM 節點

Umar Hansa

這些基本上是剪下/複製和貼上作業。

您可以輕鬆變更 DOM，不必將 HTML 編輯為巨型字串。

1. 在節點上按一下滑鼠右鍵，然後選取「複製」。
2. 您可以將其貼到程式碼編輯器中，或是將 DOM 節點貼到 DOM 樹狀結構的其他位置，以便製作原型。系統會將貼上的節點插入目前所選節點的子項。在影片中，我使用向左鍵跳到父項開啟標記，然後貼上內容 (這是我大多數情況下會做的事)。

您也可以剪下 (右鍵點選 > 剪下，Cmd + x/Ctrl + x) 一個 DOM 節點，然後貼上，這會產生移動節點的效果。

實驗：嘗試使用這個複製貼上技巧，在網站的標題/頁尾中加入更多連結，並找出版面配置需要改善的部分。