html - 在不删除其子项的情况下删除 Chrome DevTools 中的 HTML 元素？

Question

我正在尝试在某人的网站上使用 Chrome DevTools 来清理他们的代码并使事情看起来像他们要求的那样。

到目前为止，我无法在不删除其子元素的情况下删除 HTML 元素(我右键单击 <div> 我想删除并单击 “删除元素” - 但是这还会删除其中的所有子元素)。

但是，我只想删除外层的 <div>包装，因为它是多余的和不必要的(代码无缘无故地在 div 内部的 div 内部乱七八糟)。当我双击 <div>并使用删除键删除它，我无法删除外面的胡萝卜，当我单击退出时，<div>再次出现。

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

Answer 1

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