JavaScript是一種動(dòng)態(tài)的腳本語(yǔ)言,可以在HTML文檔中嵌入JavaScript代碼,并使用JavaScript修改HTML和CSS,達(dá)到動(dòng)態(tài)頁(yè)面的效果。
在JavaScript中,可以使用元素的style屬性來(lái)設(shè)置該元素的CSS樣式。樣式語(yǔ)法類似于CSS,包括屬性和值,用英文冒號(hào)分隔。
element.style.property = value;
其中element是要設(shè)置樣式的元素,property是要設(shè)置的樣式屬性,value是屬性的值。例如,下面的代碼修改了一個(gè)id為"myDiv"的div元素的背景顏色為紅色:
var div = document.getElementById("myDiv"); div.style.backgroundColor = "red";
上面的代碼獲取了id為"myDiv"的div元素,并將其背景顏色屬性設(shè)置為紅色。同樣地,可以設(shè)置其它的CSS樣式屬性,如font-size、margin等。
需要注意的是,以類似this.style.property的方式來(lái)設(shè)置元素樣式只會(huì)修改該元素的內(nèi)聯(lián)樣式,而不會(huì)影響外部樣式和內(nèi)嵌樣式。如果需要全局修改樣式,應(yīng)該使用CSS樣式表。
上一篇js 寫css縮放
下一篇css里什么是決定定位