這篇文章將為大家詳細(xì)講解有關(guān)js如何改變css display屬性的值,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
大竹網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作,到程序開發(fā),運營維護(hù)。創(chuàng)新互聯(lián)成立于2013年到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
js改變css display屬性值的方法:首先使用“document.getElementById("id值")”語句獲取指定元素對象;然后使用“元素對象.style.display="值"”語句來改變display屬性的值即可。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。那么js怎么改變css display屬性的值?
語法:
Object.style.display="值";
實例:
已知:
頁面ID為login的元素頁面ID為regist的元素
則代碼:
說明:獲取Object元素對象的方法:
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路徑獲取元素 (獲取一個)
document.querySelector("css路徑");
6.根據(jù)css路徑獲取元素 (獲取一組)
document.querySelectorAll("css路徑");
JavaScript是一種直譯式的腳本語言,其解釋器被稱為JavaScript引擎,是瀏覽器的一部分,JavaScript是被廣泛用于客戶端的腳本語言,最早是在HTML網(wǎng)頁上使用,用來給HTML網(wǎng)頁增加動態(tài)功能。
關(guān)于“js如何改變css display屬性的值”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。