JavaScript DOM操作案例點擊按鈕通過類樣式的方式顯示跟隱藏div
阿新 • • 發佈:2018-07-21
java javascrip 樣式 ack eight class htm lang charset
<!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>
JavaScript DOM操作案例點擊按鈕通過類樣式的方式顯示跟隱藏div