＆＃34;首先点击＆＃34; Button没有隐藏div

Question

下面的代码有效，但onclick仅在第二次单击按钮后才能使用该功能。为什么以及在第一次点击时按钮隐藏文本区域需要做什么？

我的javascript：

function hideShow() {                                         
   var e = document.getElementById('divHR');
   if(e.style.display == 'block')
       e.style.display = 'none';
   else
       e.style.display = 'block';

 }

html

<button id="btnHideShow" onclick="hideShow();">
  <img src="Images/arrow1.bmp" alt="Right Arrow icon" style="width:13px; 
       height:13px; border:0px;" /> 
        Hide or show Human Resources  Information 
</button>
<div id="divHR" class="showHRInfo">
  <h3 id="h3Inline">About Windsurf Human Resource (HR) division </h3>
  <p id="pWindSurfHR" > Windsurf values and respects its employees very highly.  
         Should you have any problem, questions or concerns please
         contact our Human Resource  division.  They are always at your service. 
  </p>
</div>

Answer 1

它应该有用，

 function hideShow() {                                         
       var e = document.getElementById('divHR');
       if(e.style.display != 'none')
           e.style.display = 'none';
       else
           e.style.display = 'block';

     }

您的div样式显示属性可能未设置“阻止”。如果是这样，那么您的代码集将阻止您的显示属性。