DOM method to "wrap" list item content inside div

[sifredi]

Hi

Im looking for a method to transform:

<li><a href="#">example</a></li>
<li><a href="#">example</a></li>

into something like:

<li><div><a href="#">example</a></div></li>
<li><div><a href="#">example</a></div></li>

Does anyone have any ideas?
Probably something like:

var l = document.getElementById('menu').getElementsByTagName('li');
for(var i=0; i<l.length; i++) {
var s = documentCreateElement('div');
s.appendChild(l[i].firstChild);
}

etc...

I just cant get it to work....

THANKS!

[Fotiman]

Maybe something like this:

var l = document.getElementById('menu').getElementsByTagName('li'); 
for(var i=0; i<l.length; i++) { 
 var s = document.createElement('div'); 
 var old = l[i].firstChild; 
 s.appendChild(old.cloneNode(true)); 
 l[i].replaceChild( s, old ); 
} 

[sifredi]

yes, that makes sense! ill try that. thanks.