En mi código, con bastante frecuencia necesito reemplazar todos los elementos secundarios de un determinado contenedor HTML con una nueva lista de elementos secundarios.

¿Cuál es la forma más rápida de hacer esto? Mi enfoque actual es recopilar todos los elementos nuevos en un DocumentFragment. La única forma en que encontré reemplazar a los niños es eliminarlos uno por uno y agregar el fragmento. ¿No hay una manera más rápida?

Nota: la solución no necesita ser un navegador cruzado, pero preferiblemente no debería requerir componentes de terceros como jQuery. El dispositivo de destino es WebKit en unmuy CPU lenta, así que necesito mantener el control total de cualquier reflujo.