<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> div { width: 300px; height: 300px; background-color: pink; } .cls { display: none; } </style> </head> <body> <input type="button" value="隐藏" id="bt"/> <div id="dv"></div> <script src="common.js"></script> <script> //点击按钮通过类样式的方式显示和隐藏div my$("bt").onclick = function () { //判断div使用应用了类样式 if (my$("dv").className != "cls") { //现在是显示的,点击隐藏 my$("dv").className = "cls"; my$("bt").value = "显示"; } else { //现在是隐藏的,点击显示 my$("dv").className = ""; my$("bt").value = "隐藏"; } }; </script> </body> </html>
转载于:https://www.cnblogs.com/cuilichao/p/9344614.html
最后
以上就是害羞白开水最近收集整理的关于JavaScript DOM操作案例点击按钮通过类样式的方式显示跟隐藏div的全部内容，更多相关JavaScript内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复