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

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

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

感谢任何回答的人。

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

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