génération d'un menu

Bonjour, je souhaite utiliser une fonction javascript pour créer un menu :
<code>
function menu(div)
{ 
 var b = document.createElement('b');
 div.appendChild(b); 
 var tabNom = new Array();
 tabNom.push('Retour accueil  ', 'Le Palais Ducal', 'Les Collections', 'Les Expositions temporaires', 'Les Evenenements', 'Les Activites' , 'Les Informations pratiques');
 var tabLien = new Array();
 tabLien.push('default.htm', 'palaisducal.htm', 'collectperm.htm', 'expos.htm','evene.htm', 'activites.htm', 'infoprat.htm');
 var a = null;
 var aText = null;
 var br = null;
 
 for( var i = 0; i < tabNom.length; i++ )
 {
  a = document.createElement('a');
  b.appendChild(a);
  a.setAttribute('href', tabLien[i]);  
  aText = document.createTextNode(tabNom[i]);
  a.appendChild(aText);
  br = document.createElement('br');
  a.appendChild(br);
 }
}

Avec cette fonction JS, je peux créer mon menu avec leurs liens cependant je n'arrive pas par la suite à changer son côté esthétique. Je voudrais pouvoir éviter d'avoir mon lien souligné par exemple et aussi que quand on passe dessus il puisse être surligné.

J'ai essayé de rajouter des attributs tels que :
<code>
a.setAttribute('href', tabLien[i]);  
a.setAttribute('style', textDecorationNone);  
</code>

Mais cela ne m'affiche plus rien.

Merci d'avance.