利用來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");