这篇文章将为大家详细讲解有关js如何改变CSS display属性的值,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。js改变css display属性值的方法:首先使用“document.getEleme
这篇文章将为大家详细讲解有关js如何改变CSS display属性的值,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
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元素对象的方法:
根据id获取元素
document.getElementById("id属性的值");
根据标签名字获取元素
document.getElementsByTagName("标签的名字");
根据name属性的值获取元素
document.getElementsByName("name属性的值");
根据class属性获取元素
document.getElementsByClassName("类样式的名字");
根据css路径获取元素 (获取一个)
document.querySelector("css路径");
根据css路径获取元素 (获取一组)
document.querySelectorAll("css路径");
JavaScript是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,JavaScript是被广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。
关于“js如何改变css display属性的值”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
--结束END--
本文标题: js如何改变css display属性的值
本文链接: https://www.lsjlt.com/news/276328.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0