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

时间:2016-12-26 03:27:59

标签: html google-chrome google-chrome-devtools

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

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

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

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

2 个答案:

答案 0 :(得分:5)

右键点击要删除的div,然后选择&#39;编辑为html&#39;。删除您不想要的行,然后在可编辑区域外单击以关闭它。

答案 1 :(得分:4)

右键单击该元素,选择编辑为HTML ,删除开始和结束标记,然后保存。这应该将子元素移出它并自动移动到它的父元素中。删除元素始终也会删除其子元素;双击它只允许您编辑其标记名称而不是其整个标记。