
实质上是剪切/复制和粘贴操作。
您可以轻松更改 DOM,而无需将 HTML 修改为大型字符串。
- 右键点击节点并选择复制。
- 您可以将 DOM 节点粘贴到代码编辑器中;要制作原型,您可以将 DOM 节点粘贴到 DOM 树中的其他位置。粘贴的节点将作为当前所选节点的子节点插入。在该视频中,我使用向左箭头键跳转到直接父级起始标记,然后将其粘贴到此处(大多数情况下都是这样做的)。
您也可以剪切(右键点击 >“剪切”,Cmd + x/Ctrl + x)一个 DOM 节点并粘贴,这样会移动该节点。
实验:尝试使用这种复制和粘贴方法在网站的页眉/页脚中添加更多链接,并找出需要改进的点。