Insertar en tabla con innerHTML

[silverwolf]

Hola a todos, tengo una tabla en html para la cual quisiera que se tomara el valor de un botón como lo siguientes

Código HTML:

<input type="button" value="&uarr;" onclick='opcion = this.value' >
<input type="button" value="&darr;" onclick='opcion = this.value'  >
<input type="button" value="&Delta;" onclick='opcion = this.value' >
<input type="button" value="&nabla;"  onclick='opcion = this.value' >
<input type="button" value="•"  onclick='opcion = this.value' >
 

para ingresarlo en los td de la tabla utilizando innerHTML.

Intenté con una rutina en javscript así:

Código Javascript:

document.getElementsByTagName('td').innerHTML = this.value + opcion
 

en donde value corresponde al contenido del td y opción al valor asignado al botón en sí, pero la verdad no funciona

Espero que me puedan ayudar

[maycolalvarez]

getElementsByTagName, plural, esto te devuelve TODOS los td, lo mejor es que le asignes id's consecutivos y uses getElementById

[silverwolf]

el código de la tabla es el siguiente, está en php

Código PHP:

   for($i = 5; $i <= 60; $i = $i + 5) { 
         echo ('<td id="col'.($col++).'" >'.$i.'</td>');     
    }    
    
    echo '</tr>';
    
    for($x = 0; $x <= 10; $x++) { 
         echo ('<tr><td id="row'.($row++).'">'.($niveles = $niveles-20).'</td>'); 
         for($i = 0; $i <= 11; $i++) {     
             echo ('<td id="c'.($id++).'</td>');     
        }
        echo ('</tr>'); 
   

como puedes ver si tengo ids consecutivos, el problema es que la inserción de datos no se lleva a cabo de manera ordenada, hay campos que quedan vacíos, por eso es la necesidad de insertar dentro de los td