<!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"/> <input type="button" value="显示" id="bt2"/> <div id="dv"></div> <script src="common.js"></script> <script> //获取按钮元素,注册点击事件,添加事件处理函数 //点击隐藏div my$("bt1").onclick = function () { my$("dv").style.display = "none"; }; //点击显示div my$("bt2").onclick = function () { my$("dv").style.display = "block"; }; </script> </body> </html>
JavaScript DOM案例点击按钮显示隐藏div
猜你喜欢
转载自www.cnblogs.com/cuilichao/p/9343775.html
今日推荐
周排行