¿Cómo crear dinámicamente elementos DOM (árbol) desde el selector en JS? El selector será diferente en cualquier otro caso.

Por ejemplo:

 .first>.second>.third>ul>li

Entonces, en este caso, debería obtener:

 <div class="first"> <div class="second"> <div class="third"> <ul> <li></li> </ul> </div> </div> </div>

Después de eso, podré hacer 'appendChild' al cuerpo o algunos elementos.