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

Question

我正在修补在某人的网站上使用Chrome DevTools来清理其代码，并使事情看起来像他们所要求的方式。

到目前为止，我已经无法不也删除其子元素删除HTML元素（我右键点击<div>我想删除，然后单击“删除元素” - 但是这里面也删除所有子元素它）。

但是，我只是想删除外部<div>包装，因为它是多余的和不必要的（代码与div内部的div内部的div无缘无故地混乱）。当我双击<div>并使用删除键将其删除时，我无法移除外部胡萝卜，并且当我再次单击时，<div>会再次出现。

我几乎可以肯定我错过了一个简单的步骤 - 有人可以指出我在正确的方向吗？

Answer 1

右键单击要删除的div并选择“编辑为html”。删除不需要的行，然后单击可编辑区域外部以关闭它。

Answer 2

右键单击该元素，选择编辑为HTML，删除开始和结束标记并保存。这应该将子元素自动移出并移入其父元素中。删除元素总是也删除它的子元素;双击它只会让你编辑它的标签名称而不是它的整个标记。