用JS实现导航栏栏目点击后，被点击后的栏目字体颜色作改变

还不懂JS.我的CSS样式和HTML源代码如图片。结合我的这些内容，给出JS代码，实现<a></a>之间的导航栏目在鼠标被点击后，变色（红色或随便一个颜色即可，不需要背景变色，只要文字变色即可）

不要从网上随便抄一段落JS，抄一个的里边的变量名什么的都与我的CSS名称不符，因我不懂JS，不知道怎么去改，要结合我给的代码提供一下JS。十分感谢，求高手啊。

var menu = document.getElementById('menu');
var links = menu.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
    links[i].onclick = function () {
        for (var j = 0; j < links.length; j++) {
            if(links[j] == this) {
                this.style.color = 'red';
            } else {
                links[j].style.color = '';
            }
        }
    }
}

点击链接之后会刷新页面。改了颜色换了页之后也不会有效果啊。

追问

我现在是把栏目导航做在一个头部文件Head.htm里，所以页面都调用这个文件一下。这个人的博客网一样http://jiaquanluo.blog.163.com/ 点某个栏目后进入该栏目的网页，并且栏目字体、颜色和背景都是变的。

追答

一般这样的都不是js控制的。

一般用后台语言添加class。

如果要用js的话，需要用cookie纪录点击的是那一个，然后新页面读取cookie在设置。

追问

您所说的后台语言加class,是指CSS样式吗？

追答

对，用css定义样式。然后把样式名加到html标签的class属性里

/* 用点开始的可以加到html标签的class属性里
.test {
color: red;
}

test

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/s2s8m4s7mpfv7p22v2.html