es que lo estas razonando mal. Lo que necesitas es:
Código:
<div style="overflow:auto; width: 330px; height: 81px;" id="datos">
<table height=80 width=280>
<tr>
<td></td>
</tr>
</table>
<a name="datos2"></a>
<div style="overflow:auto; width: 330px; height: 81px;" id="datos">
<table height=80 width=280>
<tr>
<td></td>
</tr>
</table>
<div>
Y el javascript debe ser en el onclick de la imagen como:
Código:
<img id="datos" src="imagen.jpg" onclick="document.getElementById('datos').href='#datos2'" />
Entiendes... tu agarras el elemento con ID "datos" y le pones de href #datos2.
Antes lo que hacias era asignarle al elemento datos el href #datos2... pero no tenias ningun elemento con id datos.
P.D.: Creo que asi deberia funcionar. Igual espero haberme explicado lo suficiente como para que ya entiendas lo que debes hacer.