js怎么设置css实现隐藏


本文摘自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"; //(login为需要隐藏的页面ID)

document.getElementById("regist").style.display = "block" //(regist为需要显示的页面ID)

</script>

效果图:

阅读剩余部分

相关阅读 >>

vue的响应式原理是什么?

javascript中使用for...in 和object.keys()枚举对象属性的差异(附代码)

javascript单元测试有什么用

css中auto什么意思

css中font-family是什么意思

css perspective-origin属性怎么用

如何下载css里的图片

javascript怎么修改html标签属性

css中的伪元素有什么作用

javascript声明提升的介绍(附示例)

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...