輕鬆複製 DOM 節點

Umar Hansa
Umar Hansa

DOM 節點重複

基本上就是剪下/複製及貼上作業。

您可以輕鬆地變更 DOM,而不必將 HTML 程式碼編輯為大型字串。

  1. 在節點上按一下滑鼠右鍵,然後選取「複製」
  2. 您可以將 DOM 節點貼到 DOM 樹狀結構的其他位置,或是進行原型設計。貼上的節點會插入為目前所選節點的子項。在影片中,我使用向左鍵跳至當下的父項開頭標記,然後貼上該標記 (在大多數情況下都會是這樣)。

您也可以按滑鼠右鍵 > 剪下 (按一下滑鼠右鍵,Cmd + x/Ctrl + x) 鍵並貼上 DOM 節點,這會影響節點移動的效果。

實驗功能:嘗試使用這段複製及貼上技巧,在網站標頭/頁尾新增更多連結,然後判斷版面配置在哪個時間點需要改善。