这篇文章将为大家详细讲解有关js如何改变css display属性的值,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
大竹网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联成立于2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。
js改变css display属性值的方法:首先使用“document.getElementById("id值")”语句获取指定元素对象;然后使用“元素对象.style.display="值"”语句来改变display属性的值即可。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。那么js怎么改变css display属性的值?
语法:
Object.style.display="值";
实例:
已知:
<div class="login1" id="login">页面ID为login的元素</div> <div class="login2" id="regist">页面ID为regist的元素</div>
则代码:
<script> document.getElementById("login").style.display = "none"; //(login为需要隐藏的页面ID) document.getElementById("regist").style.display = "block" //(regist为需要显示的页面ID) </script>
说明:获取Object元素对象的方法:
1.根据id获取元素
document.getElementById("id属性的值");
2.根据标签名字获取元素
document.getElementsByTagName("标签的名字");
3.根据name属性的值获取元素
document.getElementsByName("name属性的值");
4.根据class属性获取元素
document.getElementsByClassName("类样式的名字");
5.根据css路径获取元素 (获取一个)
document.querySelector("css路径");
6.根据css路径获取元素 (获取一组)
document.querySelectorAll("css路径");
JavaScript是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,JavaScript是被广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。
关于“js如何改变css display属性的值”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
新闻标题:js如何改变cssdisplay属性的值
文章路径:https://www.cdcxhl.com/article38/psjhpp.html
成都网站建设公司_创新互联,为您提供外贸建站、网站排名、自适应网站、营销型网站建设、App设计、外贸网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联