para alterar a cor de um <td> após clicar

Olá a todos!!Tenho o seguinte código em baixo, que funciona tipo âncora(ao clicar em cada uma das letras, faço aparecer a informação correspondente à letra), o que precissava e não estou a conseguir é que ao clicar numa letra qualquer a cor de fundo do <td> da respectiva letra alterase.Agradeço imenso a ajuda prestada.<table width="246" height="53" cellspacing="0" cellpadding="0" border="0" class="tb_border_drt"><tr> <td align="right"> <table width="212" cellspacing="2" cellpadding="2" border="0" bgcolor="#FFFFFF"> <tr><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#A" target="glossario">A</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#B" target="glossario">B</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#C" target="glossario">C</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#D" target="glossario">D</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#E" target="glossario">E</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#F" target="glossario">F</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#G" target="glossario">G</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#H" target="glossario">H</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#I" target="glossario">I</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#J" target="glossario">J</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#K" target="glossario">K</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#L" target="glossario">L</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#M" target="glossario">M</a></td> </tr> <tr> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#N" target="glossario">N</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#O" target="glossario">O</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#P" target="glossario">P</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#Q" target="glossario">Q</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#R" target="glossario">R</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#S" target="glossario">S</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#T" target="glossario">T</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#U" target="glossario">U</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#V" target="glossario">V</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#W" target="glossario">W</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#X" target="glossario">X</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#Y" target="glossario">Y</a></td> <td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#Y" target="glossario">Z</a></td> </tr> </table> </td> <td><iframe name="glossario" src="/glossario/glossario.php" width="246" height="235" marginwidth="0" marginheight="0" frameborder="0" scrolling="Auto"></iframe></td></tr></table>