在Chrome DevTools中刪除HTML元素而不刪除其子元素？

Question

我正在修補在某人的網站上使用Chrome DevTools來清理其代碼，並使事情看起來像他們所要求的方式。

到目前爲止，我已經無法不也刪除其子元素刪除HTML元素（我右鍵點擊<div>我想刪除，然後單擊「刪除元素」 - 但是這裏面也刪除所有子元素它）。

但是，我只是想刪除外部<div>包裝，因爲它是多餘的和不必要的（代碼與div內部的div內部的div無緣無故地混亂）。當我雙擊<div>並使用刪除鍵將其刪除時，我無法移除外部胡蘿蔔，並且當我再次單擊時，<div>會再次出現。

我幾乎可以肯定我錯過了一個簡單的步驟 - 有人可以指出我在正確的方向嗎？

Answer 1

右鍵單擊要刪除的div並選擇「編輯爲html」。刪除不需要的行，然後單擊可編輯區域外部以關閉它。

Answer 2

右鍵單擊該元素，選擇編輯爲HTML，刪除開始和結束標記並保存。這應該將子元素自動移出並移入其父元素中。刪除元素總是也刪除它的子元素;雙擊它只會讓你編輯它的標籤名稱而不是它的整個標記。