原生JS控制元素显示隐藏代码

原生JS控制元素显示隐藏代码,这里就不分享其他的代码了,以免小白看晕了。var obox = document.getElementById("logo");
var odown = document.getElementById("side-item");
obox.onclick = functio

[时间:06-25]    [浏览:]    [放入收藏夹]    [查看详情]

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

  本文转载自:精准像素:11px.cn ,感谢作者分享实用知识


标签: