¿Cómo obtener el valor del href de una etiqueta <a href="#"> con javascript?

[AngelMarine]

Hola a todos, ¿Cómo podría obtener el valor del href="#" de una etiqueta <a href>?,
tengo lo siguiente:

<a id="guia" href="selection.html#ubicacion">
<img src="guia.png">
</a>

Como verán se trata de un ancla, cuando se cliquea aquí, se muestra en página lo siguiente:

<a href="" id="ubicacion">Ubicación</a> Esto está contenido en una tabla con muchos otros como este.

Lo que quiero es: la imagen que hay arriba entre <a> y </a>, es una flecha que debería mover la tabla (que es bastante larga) como emulando un barra desplazadora, para lo anterior se me ha ocurrido crear un código javascript que cambie el href del div "guia" a medida que vaya bajando el ancla cosa que la misma imagen pueda anclar a las más de 15 opciones con id's diferentes. Espero haberme hecho entender, cualquier cosa estaré por aquí. Muchas gracias.

[djaevi]

si lo que necesitas es obtener lo que hay despues del ancla creo que podrias usar un split para quitar el anchor y lo que te queda ultimo es la seccion actual x ej:

Código Javascript:

function tomar_valor() {
 
var anchor = document.getElementById("guia");
 
var href_val = anchor.getAttribute("href");
var href_val = href_val.split("#"); // Si no funciona proba: var href_val =  href_val.split("\#");
 
var ancla_actual = href_val[href_val.length-1];
 
return ancla_actual;
 
}
 

Aclaro: no probe la funcion pero algo asi deberia de ser lo que supongo necesitas.

Saludos