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

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

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

語(yǔ)法:

Object.style.display="值";

實(shí)例：

已知：

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

則代碼：

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

說(shuō)明：獲取Object元素對(duì)象的方法：

1.根據(jù)id獲取元素

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

2.根據(jù)標(biāo)簽名字獲取元素

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

3.根據(jù)name屬性的值獲取元素

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

4.根據(jù)class屬性獲取元素

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

5.根據(jù)css路徑獲取元素 （獲取一個(gè)）

document.querySelector("css路徑");

6.根據(jù)css路徑獲取元素 （獲取一組）

document.querySelectorAll("css路徑");

【推薦學(xué)習(xí)：javascript高級(jí)教程】