卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章64334本站已运行4115

原生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名称就可以了,在听不懂就没什么可说的了。

卓越飞翔博客
上一篇: 使用sql创建数据表
下一篇: PHP读取操作Cookie示例代码

相关推荐

留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏