JS控制HTML元素的顯示和隱藏

時間 2020-12-15

標籤 javascript html java spa code htm blog get 欄目 JavaScript 简体版

原文原文鏈接

　利用來JS控制頁面控件顯示和隱藏有兩種方法，兩種方法分別利用HTML的style中的兩個屬性，兩種方法的不一樣之處在於控件隱藏後是否還在頁面上佔空位。javascript

　　方法一：html

 
          1 
        
          2 
        
          document.getElementById("EleId").style.visibility="hidden"; 
         
          document.getElementById("EleId").style.visibility="visible";

　　利用上述方法實現隱藏後，頁面的位置還被控件佔用，顯示空白。
　　方法二：java

 
          1 
        
          2 
        
          document.getElementById( 
          "EleId" 
          ).style.display= 
          "none" 
          ; 
         
          document.getElementById( 
          "EleId" 
          ).style.display= 
          "inline" 
          ;