Append Child After ID

[Echilon]

I have a div containing a few elements. Is it possible to append a child after an element with a certain ID?
Eg:
<div id="container>
<div id="child1"></div>
<div id="child2"></div>
</div>

Could I append a child after child1, to give:
<div id="container>
<div id="child1"></div>
<div id="child1a"></div>
<div id="child2"></div>
</div>

 

[feherke]

Hi

Is it possible to append a child after an element with a certain ID?

Yes, but not directly.

There is no [tt]insertAfter[/tt] method, however it can be emulated using a combination of [tt]insertBefore[/tt] and [tt]nextSibling[/tt].

http://developer.mozilla.org/en/docs/DOM:element.insertBefore

d1a=document.createElement('div')
d1=document.getElementById('child1')
d1.parentNode.insertBefore(d1a,d1.nextSibling)

Feherke.

http://rootshell.be/~feherke/

 

[Echilon]

Thanks alot Feherke, that worked.