這篇文章給大家介紹JavaScript中怎么獲取CSS樣式，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

成都創(chuàng)新互聯(lián)是一家業(yè)務(wù)范圍包括IDC托管業(yè)務(wù),網(wǎng)絡(luò)空間、主機租用、主機托管，四川、重慶、廣東電信服務(wù)器租用,雙線服務(wù)器托管，成都網(wǎng)通服務(wù)器托管,成都服務(wù)器租用,業(yè)務(wù)范圍遍及中國大陸、港澳臺以及歐美等多個國家及地區(qū)的互聯(lián)網(wǎng)數(shù)據(jù)服務(wù)公司。

JavaScript怎樣獲取CSS樣式

語法：

nodeObject.style.cssProperty

其中，nodeObject 為節(jié)點對象，cssProperty 為CSS屬性。

例如：

?

1

2

document.getElementById("demo").style.height;

document.getElementById("demo").style.border;

注意：對于由 “ - ” 分隔的CSS屬性，要去掉 “ - ” ，并將 “ - ” 后的第一個字母大寫。例如：

background-color 要寫作 backgroundColor

line-height 要寫作 lineHeight

例如：

document.getElementById("demo").style. backgroundColor;

document.getElementById("demo").style.lineHeight;

舉例，獲取 id="demo" 的節(jié)點的樣式：

點擊這里獲取CSS樣式

JavaScript怎樣設(shè)置和修改CSS樣式

語法：

nodeObject.style.cssProperty=newStyle

其中，nodeObject 為節(jié)點對象，cssProperty 為CSS屬性，newStyle 為CSS屬性的值。

注意：對于由 “ - ” 分隔的CSS屬性，要去掉 “ - ” ，并將 “ - ” 后的第一個字母大寫。

例如：

document.getElementById("demo").style.height = "50px" ;

document.getElementById("demo").style.border = " 1px solid #ddd ";

document.getElementById("demo").style.backgroundColor = " #ccc ";

document.getElementById("demo").style.textAlign = " center ";

舉例，設(shè)置 id="demo"的節(jié)點的樣式：

關(guān)于JavaScript中怎么獲取CSS樣式就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

文章名稱：JavaScript中怎么獲取CSS樣式-創(chuàng)新互聯(lián)
網(wǎng)頁地址：http://weahome.cn/article/dpiepd.html