资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

js如何改变cssdisplay属性的值

这篇文章将为大家详细讲解有关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="值";

实例:

已知:

页面ID为login的元素
页面ID为regist的元素

则代码:

说明:获取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引擎,是浏览器的一部分,JavaScript是被广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。

关于“js如何改变css display属性的值”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


网站栏目:js如何改变cssdisplay属性的值
文章链接:http://cdkjz.cn/article/psjhpp.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220