Hola, estoy intentando crear un estilo dinamico en los links de un menu para mi web.
La idea es que cuando el usuario clique en uno de los links del menu y se encuentre en la página a la que dirige ese link, ese link quede resaltado con un borde superior de un color determinado.
My parte de código es asi. Tengo un array con todos los links de la página (getelementbytagname("a")...). Cuando el link tiene className "nav-link" utilizo la función "Resaltar".
Si el document.URL en el que me encuentro es igual al href del link cambio el className de ese link por un nuevo className en el que tengo configurado un border-top.
Código:
var allLinks = document.getElementsByTagName("a");
if (allLinks[i].className == "nav-link") {
Resaltar;
}
....
function Resaltar() {
var docUrl = new String(document.URL);
if ("www.citiesinnumbers.com" + this.href == docUrl) {
this.className.replace("nav-link", "nav-active-link");
}
return false;
}
No encuentro que esta mal en mi codigo y cuando inicio la página no ocurre nada.
Alguna idea? Gracias de antemano.