您好,登錄后才能下訂單哦!
這篇文章給大家介紹JavaScript中怎么獲取CSS樣式,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。
JavaScript怎樣獲取CSS樣式
語(yǔ)法:
nodeObject.style.cssProperty
其中,nodeObject 為節(jié)點(diǎn)對(duì)象,cssProperty 為CSS屬性。
例如:
?
1
2
document.getElementById("demo").style.height;
document.getElementById("demo").style.border;
注意:對(duì)于由 “ - ” 分隔的CSS屬性,要去掉 “ - ” ,并將 “ - ” 后的第一個(gè)字母大寫(xiě)。例如:
background-color 要寫(xiě)作 backgroundColor
line-height 要寫(xiě)作 lineHeight
例如:
document.getElementById("demo").style. backgroundColor;
document.getElementById("demo").style.lineHeight;
舉例,獲取 id="demo" 的節(jié)點(diǎn)的樣式:
點(diǎn)擊這里獲取CSS樣式
JavaScript怎樣設(shè)置和修改CSS樣式
語(yǔ)法:
nodeObject.style.cssProperty=newStyle
其中,nodeObject 為節(jié)點(diǎn)對(duì)象,cssProperty 為CSS屬性,newStyle 為CSS屬性的值。
注意:對(duì)于由 “ - ” 分隔的CSS屬性,要去掉 “ - ” ,并將 “ - ” 后的第一個(gè)字母大寫(xiě)。
例如:
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é)點(diǎn)的樣式:
關(guān)于JavaScript中怎么獲取CSS樣式就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。