C# 单击“更改文本颜色”并在单击其他文本时返回颜色

如何使用visual studio asp.net core 3.1在六个参数之间切换颜色，例如，单击（主页）时，文本颜色变为红色，单击（项目）时，文本颜色变为黑色，单击（时间表）时，文本颜色变为红色，其他参数保持不变等等

（_Layout.cshtml）的代码

布局图

---

在js中添加类似的内容：

document.getElementById("home").addEventListener("click", Red, false) //add id home to your home button
document.getElementById("projects").addEventListener("click", Black, false)//add id projects to your home button
document.getElementById("timestamp").addEventListener("click", Blue, false)//add id home to your timestamp button

function Red () {
  document.getElementById("body).style.color = "red";
}
function Black () {
  document.getElementById("body).style.color = "black";
}
function Blue () {
  document.getElementById("body).style.color = "blue";
}

---

您需要将

颜色切换

类添加到导航栏中的所有选项卡，并包括以下脚本

const nodes=document.querySelectorAll（'.color toggle'）；
nodes.forEach（（node）=>{
node.addEventListener（'click'，（e）=>{
nodes.forEach（ele=>{
如果（ele==e.target）{
ele.style.color='红色！重要'
}否则{
ele.style.color='黑色！重要'
}
})
})
})

主页
项目
第三节
其他

因此，您基本上希望突出显示文本，即单击的文本，另一个文本应保持默认状态。只要我单击文本（例如，单击“主页”），它就会将其颜色更改为红色，另一方面，当我单击另一个文本（例如，单击“项目”页面）时，它会将其颜色更改为红色它将其颜色更改为红色，但同时“主页”文本将返回其黑色，依此类推。明白了，我将在下面添加答案我现在已经添加了答案，当我将颜色切换添加到此代码时，例如，不会更改正在运行的网站中的任何内容

• 主页
如果您共享更多代码，即使用更多选项卡，我将能够以更好的方式帮助您，这样我就可以重现错误并尝试修复它。我已将上述代码编辑为您的解决方案，只有在添加主页时颜色才会改变，但在添加主页时，单击选项卡时颜色不会改变。我已经更新了代码，请尝试使用它，并给出了解释，以供参考。

const nodes = document.querySelectorAll('.color-toggle');
nodes.forEach((node) => {
    node.addEventListener('click', (e) => {
        nodes.forEach(ele => {
            if (ele === e.target) {
                ele.style.color = 'red'
            } else {
                ele.style.color = 'black'
            }
        })
    })
})

document.getElementById("home").addEventListener("click", Red, false) //add id home to your home button
document.getElementById("projects").addEventListener("click", Black, false)//add id projects to your home button
document.getElementById("timestamp").addEventListener("click", Blue, false)//add id home to your timestamp button

function Red () {
  document.getElementById("body).style.color = "red";
}
function Black () {
  document.getElementById("body).style.color = "black";
}
function Blue () {
  document.getElementById("body).style.color = "blue";
}