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

Question

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

Answer 1

右键单击检查器中的元素,然后选择"编辑为HTML".

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

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

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

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