JavaScript可以通過獲取元素的CSS樣式來獲取它的大小寫,而獲取CSS樣式有兩種方法:一種是使用window.getComputedStyle(element,null)
,另一種是使用element.currentStyle
(在IE瀏覽器中)。
第一種方法使用window.getComputedStyle(element,null)
來獲取元素的CSS樣式,其中element
是DOM元素對象。該方法可以獲取到計算后的CSS樣式,包括它的大小寫。
var element = document.getElementById("myElement"); var styles = window.getComputedStyle(element,null); var fontSize = styles.getPropertyValue("font-size"); // 獲取字體大小
第二種方法使用element.currentStyle
來獲取元素的CSS樣式,這個方法只能在IE瀏覽器中使用。與window.getComputedStyle(element,null)
不同,element.currentStyle
獲取的是元素的當前樣式而非計算后的樣式。
var element = document.getElementById("myElement"); var fontSize = element.currentStyle.fontSize; // 獲取字體大小
需要注意的是,不同瀏覽器對大小寫的表現有所不同,IE瀏覽器不區分大小寫,而其他瀏覽器則會區分大小寫。因此在獲取CSS樣式時應當注意區分大小寫。
上一篇html 網頁搜索框代碼
下一篇html 網頁播放器代碼