1 <html> 2 <head lang="en"> 3 <meta charset="UTF-8"> 4 <title></title> 5 </head> 6 <body> 7 <div class="box"></div> 8 <script> 9 //获取盒子，设置样式 10 var box = document.getElementsByClassName("box")[0]; 11 // box.style.width = "100px"; 12 // box.style.height = "100px"; 13 // box.style.backgroundColor = "pink"; 14 box.style.cssText = "100px;height:100px;background-color:red"; 15 16 //隐藏盒子 17 box.onclick = function () { 18 this.style.display = "none"; 19 // this.style.visibility = "hidden"; 20 this.style.opacity = "0"; 21 // this.style.position = "absolute"; 22 // this.style.top = "-50px"; 23 } 24 25 </script> 26 </body> 27 </html>