本文摘自PHP中文网，作者青灯夜游，侵删。
实现方法：首先使用“document.getElementById("id值")”语句获取指定元素对象；然后使用“元素对象.style.display="none"”语句即可控制css，实现隐藏效果。
本教程操作环境：windows7系统、javascript1.8.5&&CSS3版、Dell G3电脑。
利用js对css进行隐藏或显示
已知：
1 2 | <div class="login1" id="login">页面ID为login的元素</div>
<div class="login2" id="regist">页面ID为regist的元素</div>
|
则代码：
1 2 3 4 | <script>
document.getElementById("login").style.display = "none";
document.getElementById("regist").style.display = "block"
</script>
|
效果图：
阅读剩余部分
相关阅读 >>
javascript常用数组操作的介绍（代码示例）
css是层叠什么表，可以使网页表现和内容分离？
css如何改字体
css的渐变是什么？css 透明渐变详解
javascript里的push方法有什么用
css怎么设置图片位置居中
css如何清除背景颜色
javascript怎么去掉回车
css怎么实现隐藏并占位
css怎么设置字体白色描边
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » js怎么设置css实现隐藏
