Используйте javascript для рисования одного элемента DOM в двух местах

Я использую jQueryUI для создания большой таблицы сортируемых карточек, каждая из которых состоит из большого дерева вложенных тегов div с стилем с использованием CSS. Когда я перетаскиваю карту при определенных условиях, я хочу создать слегка прозрачный «клон» карты, который находится справа от «реальной» карты при перетаскивании, но я не хочу дублировать весь HTML-код чтобы достичь этого визуального эффекта.

Итак, можно ли использовать javascript для рисования одного и того же элемента DOM на веб-странице в двух разных местах без фактического дублирования HTML?

Спасибо всем, кто отвечает.

Каждый элемент DOM либо не подключен к DOM вообще, либо связан с одним конкретным родителем. Вы не можете отобразить один и тот же элемент в двух разных местах. Прикрепление к новому родительскому элементу будет просто перемещать элемент из старого.

Вы можете использовать cloneNode (позаботьтесь о том, чтобы присоединить к нему новые обработчики событий, поскольку они не клонированы) или сделать на фабрике JS, которая создает некоторые элементы «шаблона» и прикрепляет каждую из них к разным родителям.