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

2021-10-06 22:36:03 字數 673 閱讀 1669

利用來js控制頁面控制項顯示和隱藏有兩種方法,兩種方法分別利用html的style中的兩個屬性,兩種方法的不同之處在於控制項隱藏後是否還在頁面上佔空位。

方法一:該方法實現隱藏後,頁面的位置還被控制項占用,顯示空白。

方法二:該方法實現隱藏後,頁面的位置不被占用。

document.getelementbyid("eleid").style.display="none";

document.getelementbyid("eleid").style.display="inline";

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

利用來js控制頁面控制項顯示和隱藏有兩種方法,兩種方法分別利用html的style中的兩個屬性,兩種方法的不同之處在於控制項隱藏後是否還在頁面上佔空位。方法一 document.getelementbyid eleid style.visibility hidden document.getelem...

JS判斷元素顯示狀態及控制元素顯示或隱藏

判斷元素的顯示狀態 方法1 functionjudgeshoworhide else alert 顯示 執行語句 方法2 if document.getelementbyid div css display none if document.getelementbyid div css displa...

js控制HTML元素自身屬性的使用

html元素有許多自身的屬性,例如disabled readonly required selected 這些屬性我們可以直接在html元素中設定 也可以使用js設定html的自帶屬性。element.setattribute test beijing 設定元素屬性 element.getattri...