使可見對象隱藏和隱藏對象可見

Question

我有一個JavaScript函數應該使可見對象隱藏和隱藏的對象可見。因爲我缺乏基本的JavaScript知識，所以我來這裏向你尋求幫助：/有人可以幫我解決我的代碼問題，這樣我可以學習一點嗎？

function DisplayMenu(obj) { 
      if (obj.style.visibility == 'visible') { 
       obj = document.getElementById(obj); 
       obj.style.visibility = 'hidden'; 
      } 
      else if (obj.style.visibility == 'hidden') { 
       obj = document.getElementById(obj); 
       obj.style.visibility = 'visible'; 
      } 
     } 

Answer 1

您需要定義什麼obj是if前：

function DisplayMenu(obj) { 
    var obj = document.getElementById(obj); 
      if (obj.style.visibility == 'visible') { 
       obj.style.visibility = 'hidden'; 
      } 
      else { 
       obj.style.visibility = 'visible'; 
      } 
     } 

編輯：你可以把它簡化，你不需要else if只是用else

Answer 2

甚至更​​短的版本在分配之前檢查obj_id的存在，所以在DOM中沒有obj_id的情況下它不觸發異常：

function DisplayMenu(obj_id) { 
    var obj = document.getElementById(obj_id); 
    obj && obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 'visible'; 
}