輕鬆複製 DOM 節點

烏瑪.漢薩 (Umar Hansa)
Umar Hansa

DOM 節點重複

主要是剪下/複製及貼上作業。

您不需要將 HTML 編輯為巨量字串,即可輕鬆變更 DOM。

  1. 在節點上按一下滑鼠右鍵,然後選取「Copy」
  2. 您可以貼上程式碼編輯器中,也可以將 DOM 節點貼到 DOM 樹狀結構的其他位置,用於設計原型。貼上的節點會插入目前所選節點的子項。在影片中,我使用向左鍵跳到直接的父項開頭標記,然後貼上該標記 (在多數情況下會這麼做)。

也可以按右鍵 > [剪下],再按 Cmd + x/Ctrl + x 鍵,然後貼上 DOM 節點並貼上,這會產生移動節點的效果。

實驗:請嘗試運用這項複製及貼上技術,在網站標頭/頁尾加入更多連結,並找出版面配置需要改善的時間點。