轻松复制 DOM 节点

Umar Hansa

Twitter 首页

这些实质上就是剪切/复制和粘贴操作。

您可以轻松更改 DOM，而无需将 HTML 修改为巨型字符串。

1. 右键点击节点，然后选择 Copy。
2. 您可以将 DOM 节点粘贴到代码编辑器中，或者对于原型设计，可以将 DOM 节点粘贴到 DOM 树中的其他位置。粘贴的节点会作为当前所选节点的子级插入。在该视频中，我使用向左箭头键跳转到直接父级起始标记并粘贴到此处（大多数情况下，我会这样做）。

您还可以剪切（右键点击 > 剪切，Cmd + x/Ctrl + x）DOM 节点并粘贴，此操作可以移动节点。

实验：尝试使用这种复制和粘贴技术在网站的页眉/页脚中添加更多链接，并确定布局在哪一方面需要改进。