Paso de variable por click

[Alexis88]

Para que no te compliques más, hazlo así:

Código HTML:

<table class="tabla1" id="tabla1_ella">
    <thead id="thead_ella">
        <tr id="tr_ella">
            <th id="th_ella">nombre ella</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td onclick = "fn('Text1', this.innerText)">ana1</td>
            <td onclick = "fn('Text1', this.innerText)">ana2</td>
        </tr>
    </tbody>
</table>
<input class="input1" id="Text1" type="text" />
        
<table  class="tabla2" id="tabla2_el">
    <thead id="thead_el">
        <tr id="tr_el">
            <th id="th_el">nombre el</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td id="td_el" onclick = "fn('Text2', this.innerText)">Roberto</td>
        </tr>
    </tbody>
</table>
<input class="input2" id="Text2" type="text" />
 

Y en la función:

Código Javascript:

function fn (id, valor){
    document.getElementById(id).value = valor;
}
 

De esta manera, cada vez que des un clic en alguna de las celdas de los <tbody> de las tablas, ejecutarás la funcion fn, a la cual le pasarás el id de la caja de texto y el valor a asignar. Por cierto, si vas a utilizar el id para identificar a las cajas de texto, celdas, filas y tablas, ya no son necesarias las clases.

Saludos