轻松复制 DOM 节点

Umar Hansa
Umar Hansa

DOM 节点重复

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

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

  1. 右键点击节点并选择复制
  2. 您可以将 DOM 节点粘贴到代码编辑器中;要制作原型,您可以将 DOM 节点粘贴到 DOM 树中的其他位置。粘贴的节点将作为当前所选节点的子节点插入。在该视频中,我使用向左箭头键跳转到直接父级起始标记,然后将其粘贴到此处(大多数情况下都是这样做的)。

您也可以剪切(右键点击 >“剪切”,Cmd + x/Ctrl + x)一个 DOM 节点并粘贴,这样会移动该节点。

实验:尝试使用这种复制和粘贴方法在网站的页眉/页脚中添加更多链接,并找出需要改进的点。