Sigues sin explicarte....
A ver si esto te da pistas... de como hacerlo
Código HTML:
Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" type="text/JavaScript"> var matriz=new Array();
matriz[0]="#000000";
matriz[1]="123,46";
matriz[2]="(141)";
matriz[3]="-1%";
matriz[4]="(41)";
matriz[5]="0%";
matriz[6]="(100)";
matriz[7]="-1%";
matriz[8]="67";
matriz[9]="20,157";
matriz[10]="(180)";
function rellenarTabla(){
document.getElementById("celda0").style.background=matriz[0];
for (var i=1;i<matriz.length;i++){
document.getElementById("celda"+i).innerHTML=matriz[i];
}
}
<a href="#" onClick="rellenarTabla()">Haz click aqui
</a> <table style="padding: 10px; margin: 10px" border="1"> <th class="style1" id="mmu"> JJY
</th> <th colspan="2" class="width45" id="ano" dir="rtl"> OLT
</th> <th colspan="2" id="ap"> APKI
</th> <th colspan="2" id="le"> LEFLK
</th> <th class="width50" id="ytd"> LURS
</th> <th class="width105" id="todo"> DRE
</th> <th id="matle"> KASDR
</th> <tr class="strong letragrande"> <td id="celda0" class="style1"> </td> <td id="celda1" class="topborder bothborder"> </td> <td id="celda2" class="width45 red" dir="rtl"> </td> <td id="celda3" class="width45"> </td> <td id="celda4" class="width45 red"> </td> <td id="celda5" class="width45"> </td> <td id="celda6" class="width45 red"> </td> <td id="celda7" class="width45"> </td> <td id="celda8" class="width175"> </td> <td id="celda9" class="width65"> </td> <td id="celda10" class="width65 red"> </td>