A menudo construyo aplicaciones con ajax y muchas capas (para crear/editar/eliminar diferentes tipos de contenido, por ejemplo, o mostrar cuadros de mensajes o algo así). Algunas de estas capas son mucho más complejas en html y js. pero sigo preguntándome cuál es la mejor manera de manejar los elementos de la capa.

A veces tengo una plantilla y uso cloneNode y, a veces, creo la estructura html con js (createElement), depende de la complejidad. Pero, ¿cuál es la mejor manera de cerrar la capa?

• muévala a un área oculta/oculte la capa y vuelva a mostrarla para reutilizarla: siempre existe una sola capa, pero es mucho trabajo reinicializar la capa para borrar todas las entradas del usuario.
• elimine los elementos de la capa y cree nuevos: menos fuente de error por estado definido para la inicialización, pero no sé cómo maneja el navegador los elementos eliminados en términos de rendimiento y memoria.

A menudo lo construyo de ambas maneras, pero nunca vi ventajas o desventajas en la práctica. Entonces, ¿cuál es la mejor práctica?