JavaScript DOM操作案例点击按钮显示隐藏div优化后
Posted 吃蛋糕的猫
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript DOM操作案例点击按钮显示隐藏div优化后相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> div { width: 300px; height: 300px; background-color: pink; } </style> </head> <body> <input type="button" value="隐藏" id="bt1"/> <div id="dv"></div> <script src="common.js"></script> <script> //获取按钮元素,注册点击事件,添加事件处理函数 my$("bt1").onclick = function () { //判断当前点击按钮的value值 if (this.value == "隐藏") { my$("dv").style.display = "none"; this.value = "显示"; } else if (this.value == "显示") { my$("dv").style.display = "block"; this.value = "隐藏"; } }; </script> </body> </html>
以上是关于JavaScript DOM操作案例点击按钮显示隐藏div优化后的主要内容，如果未能解决你的问题，请参考以下文章