Envolvimento de nós e elementos de texto com JavaScript

Quando o senhor trabalha em um site que depende de um determinado kit de ferramentas JavaScript, acaba, sem querer, tentando resolver problemas dentro dos limites do kit de ferramentas e não da linguagem. Esse foi o caso quando tentei envolver o texto (possivelmente incluindo elementos HTML) com um DIV . Imagine o seguinte HTML:

This is some text and <a href="">a link</a>.

E digamos que o senhor queira transformar isso no seguinte:

<div>This is some text and <a href="">a link</a>.</div>

O senhor poderia fazer um simples .innerHTML simples no pai, mas o problema com isso é que todas as conexões de eventos seriam cortadas porque o innerHTML cria novos elementos a partir do HTML. Que droga. Portanto, é hora de voltar ao JavaScript básico – glória para alguns e fracasso para outros. Veja como fazer isso:

var newWrapper = document.createElement('div');
while(existingParent.firstChild) {
	newWrapper.appendChild(existingParent.firstChild);
}

Usando um for loop não funcionará porque o childNodes é uma coleção de nós ativos, portanto, movê-la afetaria os índices. Em vez disso, podemos fazer um loop contínuo firstChild contínuas no pai até que um valor falso seja retornado e, então, o senhor saberá que todos os filhos foram movidos!