append ... en action

  <ul id="tree">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
  </ul>

Array.from(tree.querySelectorAll('li'),
     ( li ) => {
                       let span = document.createElement('span');
                       li.prepend(span);
                       span.append(span.nextSibling);
                    }
)

Le code précédent transforme chaque élément de la liste comme suit :

<ul class="tree" id="tree">
    <li><span>item 1</span></li>
    <li><span>item 2</span></li>
    <li><span>item 3</span></li>
</ul>