How to create dynamically DOM elements (tree) from selector in JS? Selector will be different in any other cases.

For example:

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

So in this case, I should get:

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

After that I will be able to do 'appendChild' to body or some elements.