Question

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

Answer 1

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

然后，您可以在其中添加所需的任何HTML。

警告：这会破坏元素及其所有后代，然后在您编辑完HTML后重新创建它们。在任何这些元素上设置的任何事件侦听器将不再起作用，并且您可能对这些元素中的任何引用都将丢失。

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

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