徐伟轩
原生js方式控制元素显示隐藏代码
10/21
在网页中，有时候我们需要隐藏某个内容如div，那就需要让这个元素隐藏或显示。这样的网页效果，其实通过原生JS即可实现。
原生JS控制元素显示隐藏代码，如下：
var obox = document.getElementById("logo");
var odown = document.getElementById("side-item");
obox.onclick = function(){
if( document.getElementById("side-item").style.display=='none'){
odown.style.display = "block";
document.getElementById("logo").classList.add("no");
}else{
odown.style.display = "none";
document.getElementById("logo").classList.remove("no");
}
}
简要说明一下：logo是点击触发的元素，side-item是需要显示隐藏的元素，no是触发事件后给logo加的样式。
只需要对着说明改ID名称就可以了。
版权属于：
徐伟轩 - 一个爱音乐的有趣程序员|不仅只关注网站设计开发
本文链接：
https://www.letus.top/archives/64.html（转载时请注明本文出处及文章链接）
如需商业转载或刊登，请联系原作者获得授权。
，网站系统还不安全老是被黑，有必要大惊小怪嘛。
