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

Question

我可以双击属性并在Google Chrome检查器中更改它们。我可以添加CSS，我可以将JavaScript添加到控制台。但我可以添加HTML吗？

Answer 1

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

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

---

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

如果必须保持元素存活，则必须以编程方式执行此操作。选择要编辑的元素后，转到控制台并以编程方式添加所需的元素。 在控制台中，您可以通过变量名称$0来引用所选元素。例如，如果要将div附加到当前选定的元素，请将其输入到控制台中：

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