轻松复制 DOM 节点

Umar Hansa

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

您可以轻松更改 DOM，而无需将 HTML 编辑为一个巨大的字符串。

1. 右键点击某个节点，然后选择复制。
2. 您可以将其粘贴到代码编辑器中，也可以将 DOM 节点粘贴到 DOM 树中的其他位置（以进行原型设计）。粘贴的节点会作为当前所选节点的子节点插入。在视频中，我使用向左箭头键跳转到直接父级的开头标记，然后在该标记中粘贴内容（在大多数情况下，我都是这样做的）。

您还可以剪切（右键点击 > 剪切，Cmd + x/Ctrl + x）DOM 节点并进行粘贴，这相当于移动节点。

实验：尝试使用这种复制和粘贴方法在网站的标题/页脚中添加更多链接，并找出布局在哪些方面需要改进。