I did this in the past, but I found that templates simplified the process. The same functions I use to populate/update elements can be reused on existing elemen

I did this in the past, but I found that templates simplified the process. The same functions I use to populate/update elements can be reused on existing elements and newly cloned template elements. It can be done in JS by returning strings of unpopulated elements, but then my display is further mixed with logic. I like to create the HTML and CSS as I'd like it with test data, then just wrap that with <template> tags. Easy to preview without triggering function calls or pasting it into code. Probably not important, but as I recall I think there was some minor overhead in translating from a JS String to an Element.