JavaScript可以獲取HTML文檔中的CSS屬性值。當你需要在運行時改變CSS樣式并對樣式進行計算時,這個功能非常有用。
//獲取元素樣式 var element = document.getElementById("example"); var style = window.getComputedStyle(element); var color = style.getPropertyValue("color"); console.log(color); //輸出顏色值 //設置樣式 element.style.backgroundColor = "red"; var backgroundColor = style.getPropertyValue("background-color"); console.log(backgroundColor); //輸出red
使用window.getComputedStyle()
函數可以獲取元素的計算樣式,該函數返回一個對象,該對象表示由瀏覽器解析后應用到元素上的所有CSS屬性。
通過style.getPropertyValue()
函數,我們可以獲取指定屬性的值。如果需要修改元素的樣式,可以使用element.style
對象。
盡管JavaScript可以改變樣式,但請注意不要濫用它。樣式應該由CSS定義,而不是由JavaScript定義。
上一篇css里什么是決定定位
下一篇jsp css按鈕大小