JS控制元素的顯示和隱藏


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


方法一:

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

利用上述方法實現隱藏后,頁面的位置還被控件占用,顯示空白。

方法二:

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

利用上述方法實現隱藏后,頁面的位置不被占用。

方法三:
顯示元素進行隱藏

document.getElementById("ID名").hidden=ture;

根據頁面元素ID名獲得頁面元素值,進而將其屬性設置成隱藏。

將隱藏元素進行顯示

對於已經隱藏的頁面元素如果要將其再次顯示,不是將

document.getElementById("ID名").hidden=false;

而是將其隱藏屬性刪除

document.getElementById("ID名").removeAttribute("hidden");

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM