使用if條件判斷，來實作div標簽的顯示和隱藏效果的切換，
代碼如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #div1{ width: 100px; height: 200px; background: green; } </style> <script> function showhide(){ var oDiv = document.getElementById('div1'); if(oDiv.style.display == 'none'){ oDiv.style.display = 'block'; }else{ oDiv.style.display = 'none'; } } </script> </head> <body> <input type="button" value="顯示隱藏" onclick="showhide()"> <div id="div1" style="display: none;"></div> </body> </html>
注意：
- 在位display屬性賦值的時候，它的值是字串格式的，不能省略單引號（或者雙引號），
- 標簽有個屬性是style，而display是style屬性的屬性，應該說style是一個屬性的集合，
- 在<style></style>標簽中，div標簽的dispaly可以直接寫，
在函式中，要想修改標簽的屬性的值，首先還是要先獲取這個標簽，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/95339.html
標籤：JavaScript