使用javascript在两个地方绘制单个DOM元素

Question

我正在使用jQueryUI创建一个大型可排序卡表，每个表都由一个嵌套div标签的大树组成，并使用CSS进行样式化。当我在某些条件下拖动卡片时，我想创建一个略微透明的“克隆”卡片，在拖动时徘徊在“真实”卡片的右侧，但我不想实际复制所有HTML为了达到这种视觉效果。

那么，是否可以使用javascript在两个不同的地方在网页上绘制相同的DOM元素而不实际复制HTML？

感谢任何回答的人。

Answer 1

每个DOM元素根本没有连接到DOM或连接到一个特定的父元素。您无法在两个不同的位置显示相同的元素。附加到新父级只会移动旧元素。

您可以使用cloneNode（注意将新的事件处理程序附加到它上面，因为它们没有被克隆）或者在JS工厂生成一些“模板”元素并将它们中的每一个附加到不同的父项。