如何在Google Chrome检查器中插入HTML元素？

我可以双击属性并在Google Chrome检查器中对其进行更改。 我可以添加CSS，我可以添加Javascript到控制台。 但是，我可以添加HTML？

Answer 1

右键单击检查器中的某个元素，然后select“编辑为HTML”。

然后你可以在里面添加你想要的任何HTML。

---

警告：这将破坏所有后代的元素，然后在完成编辑HTML后重新创build它们。 任何设置在这些元素上的事件监听器将不再工作，任何可能对这些元素的引用都将丢失。

如果你必须保持这些元素的存在，你必须以编程的方式来完成这个任务。 select要编辑的元素后，转到控制台并以编程方式添加所需的元素。 在控制台中，您可以通过variables名$0引用选定的元素 。 例如，如果要将div附加到当前选定的元素，请在控制台中键入以下内容：

 $0.appendChild(document.createElement('div'));