这里需要点击两次才能显示的原因是最开始div并没有行间样式，所以首先style="display: ;" 并不是等于none，那么第一次点击行间样式是变成none。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> #div2 { width: 100px; height: 200px; border: 1px solid red; display: none; } </style> </head> <body> <input type="button" value="xianshi" onclick="showhide()" /> <div id="div2"></div> <script> var oDiv = document.getElementById('div2'); function showhide() { if (oDiv.style.display == 'none') { oDiv.style.display = 'block'; } else { oDiv.style.display = 'none'; } } </script> </body> </html>