NODE probleme HELPME

j'ai une arborescence de ce type:

/***********************************************************************************************************/

<UL id=oList>

<div name="menu1" id="menu1" NAME="level1">

<div class="unnamed1" onClick="javascript:DivStatus( 'menu', '11' )" style="margin-bottom: 2px;"><strong><em>Menu

1</em></strong></div>

</div>

<div name="menu11" id="menu11">

<div id="sub1" class="unnamed1" onClick="javascript:DivStatus( 'menu', '111' )" style="margin-bottom: 2px;"><em>&nbsp;&nbsp;&nbsp;

Menu

1.1</em></div>

<div name="menu111" id="menu111">

<div id="link" class="unnamed1" style=" margin-bottom: 2px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="url1.1.1">Lien 1.1.1</a> <img border="0" src="img/doc.jpg" width="22" height="20"><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="url1.1.2">Lien 1.1.2</a> <img border="0" src="img/excel.jpg" width="22" height="20"><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="url1.1.3">Lien 1.1.3</a>&nbsp; <img border="0" src="img/default.jpg" width="16" height="20"></div>

</div>

<div id="sub2" onClick="javascript:DivStatus( 'menu', '121' )" style="margin-bottom: 2px;" ><em>&nbsp;&nbsp;&nbsp;

Menu

1.2</em></div>

<div name="menu121" id="menu121">

<div id="link" class="unnamed1" style="margin-bottom: 2px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="url1.2.1">Lien 1.2.1 </a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="url1.2.2">Lien 1.2.2</a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="url1.2.3">Lien 1.2.3</a></div>

</div></div>

<div name="menu2" id="menu2">

<div class="unnamed1" onClick="javascript:DivStatus( 'menu', '21' )" style=" margin-bottom: 2px;"><strong><em>Menu

2</em></strong></div>

</div>

<div name="menu21" id="menu21" >

<div id="link" class="unnamed1" style=" margin-bottom: 2px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="url2.1">Lien 2.1 </a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="url2.2">Lien 2.2</a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="url2.3">Lien 2.3</a></div>

</div>

</UL>

/***********************************************************************************************************/

resultat

Menu 1
    Menu 1.1
        Lien 1.1.1
        Lien 1.1.2
        Lien 1.1.3 
    Menu 1.2
        Lien 1.2.1
        Lien 1.2.2
        Lien 1.2.3
Menu 2
        Lien 2.1
        Lien 2.2
        Lien 2.3

j'aurai besoin d'inserer des liens par exemple après 'Menu 2'

comme il y a bcp de div etc...
j'ai essayer avec un appendchild sans succès...

j'aurai besoin d'aide merci d'avance

youpi :)

Salut!

Pour inserer plus facilement les liens, je te sugère d'utiliser un margin-left pour décaler tes liens au lieu des espaces.
Par exemple avec ceci :
<STYLE type="text/css">
#link A{margin-left:40px;}
</STYLE>

Et ceci :
<div name="menu21" id="menu21" >
<div id="link" class="unnamed1" style=" margin-bottom: 2px;">
<a href="url2.1">Lien 2.1 </a><br>
<a href="url2.2">Lien 2.2</a><br>
<a href="url2.3">Lien 2.3</a></div>
</div>

On peut inserer un lien comme ceci :
var lien = document.createElement("A");
var br = document.createElement("BR");
lien.href = "url2.4";
lien.innerHTML = "Lien 2.4";
document.getElementById("menu21").getElementsByTagName("div")[0].appendChild(br);
document.getElementById("menu21").getElementsByTagName("div")[0].appendChild(lien);

Pourquoi l'utilisation d'un <UL>?

A+, Ghislain