请高手帮我简化下面的代码

incity incity 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
要达到的目标是,其中一个图层可见,其他两个隐藏,以及其中一个有中间线,另外两个没有。


function nav(){
var na1 = document.getElementById("nv1");
var na2 = document.getElementById("nv2");
var na3 = document.getElementById("nv3");
var ls1 = document.getElementById("li1");
var ls2 = document.getElementById("li2");
var ls3 = document.getElementById("li3");

ls1.onclick=function() {
ls1.style.textDecoration="line-through";
ls2.style.textDecoration="none";
ls3.style.textDecoration="none";
na1.style.display="block";
na2.style.display="none";
na3.style.display="none";
}

ls2.onclick=function() {
ls1.style.textDecoration="none";
ls2.style.textDecoration="line-through";
ls3.style.textDecoration="none";
na1.style.display="none";
na2.style.display="block";
na3.style.display="none";
}

ls3.onclick=function() {
ls1.style.textDecoration="none";
ls2.style.textDecoration="none";
ls3.style.textDecoration="line-through";
na1.style.display="none";
na2.style.display="none";
na3.style.display="block";
}
}

window.onload=nav;
...全文
评论 3
收藏 已收藏
分享
返回顶部
incity
JavaScript 87,983 成员 224,681 内容