js改變css display屬性值的方法：首先使用“document.getElementById("id值")”語句獲取指定元素對象；然后使用“元素對象.style.display="值"”語句來改變display屬性的值即可。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。那么js怎么改變css display屬性的值?

語法:

Object.style.display="值";

實例：

已知：

<div class="login1" id="login">頁面ID為login的元素</div> <div class="login2" id="regist">頁面ID為regist的元素</div>

則代碼：

<script> document.getElementById("login").style.display = "none"; //（login為需要隱藏的頁面ID） document.getElementById("regist").style.display = "block" //（regist為需要顯示的頁面ID） </script>

說明：獲取Object元素對象的方法：

1.根據id獲取元素

document.getElementById("id屬性的值");

2.根據標簽名字獲取元素

document.getElementsByTagName("標簽的名字");

3.根據name屬性的值獲取元素

document.getElementsByName("name屬性的值");

4.根據class屬性獲取元素

document.getElementsByClassName("類樣式的名字");

5.根據css路徑獲取元素 （獲取一個）

document.querySelector("css路徑");

6.根據css路徑獲取元素 （獲取一組）

document.querySelectorAll("css路徑");

【推薦學習：javascript高級教程】