删除Chrome DevTools中的HTML元素而不删除其子项?

Kyl*_*lla 2 html google-chrome google-chrome-devtools

我正在修补某人网站上使用Chrome DevTools来清理他们的代码并让他们看起来像他们要求的那样.

到目前为止,我一直无法删除HTML元素而不删除其子元素(我右键单击<div>我要删除并单击'删除元素' - 但这也删除了其中的所有子元素).

但是,我只想删除外包装,<div>因为它是多余的和不必要的(代码是div里面的div内部div的混乱无缘无故).当我双击<div>并使用删除键删除它时,我无法删除外部胡萝卜,当我单击后退时,会<div>再次出现.

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

tre*_*vor 5

右键单击要删除的div,然后选择"编辑为html".删除不需要的行,然后在可编辑区域外单击以关闭它.