我正在做一个个人网站,它有点工作,但我想改进我的代码及其完成方式,所以我想做一个切换按钮,但是:
function toggle_visibility() {
var l = document.getElementById('links');
var p = document.getElementById('projects');
if (l.style.display == 'inline' || p.style.display = '') {
l.style.display = 'none';
p.style.display = 'block';
} else {
l.style.display = 'inline';
p.style.display = 'none';
}
}
#links { display: inline; }
#projects { display: none; }
网站的所有代码都可以在这里找到: https://github.com/moonfz/moonfz.github.io
我还在做一个元素,CSS应该很快就会优化。 我愿意接受其他建议。
最佳答案
我认为这段代码会对你有所帮助。
function toggle_visibility() {
debugger;
var l = document.getElementById('links');
var d = document.getElementById('project');
if (d.className == 'DispayButton') {
debugger
d.className = "";
l.className += "DispayButton";
}
else {
debugger
l.className = "";
d.className += "DispayButton";
}
}
.DispayButton {Display:none;}
<html>
<head>
</head>
<body>
<input type=button id="links" text="Switch Mode" onclick="toggle_visibility()" class="" value="links">
<input type=button id="project" text="Switch Mode" onclick="toggle_visibility()" class="DispayButton" value="project">
</body>
</html>
关于javascript - 切换按钮可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42067974/