Можно ли клонировать объекты HTML-элементов в JavaScript?

Используя свой код, вы можете toggleclass сделать что-то подобное на jquery-after простом JavaScript с помощью addclass метода cloneNode():

// Create a clone of element with id ddl_1:
let clone = document.querySelector('#ddl_1').cloneNode( true );

// Change the id attribute of the newly created element:
clone.setAttribute( 'id', newId );

// Append the newly created element on element p 
document.querySelector('p').appendChild( clone );

Или используя метод vanilla-javascript jQuery clone() (не самый эффективный):

$('#ddl_1').clone().attr('id', newId).appendTo('p'); // append to where you want