gpt4 book ai didi

javascript - 切换按钮可见性

转载 作者:太空宇宙 更新时间:2023-11-04 09:12:00 25 4
gpt4 key购买 nike

我正在做一个个人网站,它有点工作,但我想改进我的代码及其完成方式,所以我想做一个切换按钮,但是:

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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com