jQuery的currentStyle是一個非常有用的屬性,它可以幫助我們獲取指定元素的CSS樣式。
currentStyle是一個只讀屬性,它返回一個CSSStyleDeclaration對象,該對象包含指定元素的所有CSS樣式屬性和對應的值。
// 通過currentStyle獲取元素樣式 var element = document.getElementById("myElement"); var style = element.currentStyle; console.log(style.color); // 返回元素的color屬性 console.log(style.fontSize); // 返回元素的fontSize屬性
在jQuery中,我們可以使用$.css()方法來獲取指定元素的CSS樣式,這種方法比currentStyle更為靈活,可以獲取計算樣式和內聯樣式,甚至可以設置樣式。
// 使用jQuery的.css()方法獲取元素樣式 var $element = $("#myElement"); console.log($element.css("color")); // 返回元素的color屬性 console.log($element.css("fontSize")); // 返回元素的fontSize屬性 $element.css("color", "red"); // 設置元素的color屬性為紅色
雖然jQuery的.css()方法更為靈活,但currentStyle仍然有其獨特的應用場景,在一些特殊情況下,currentStyle能夠提供更為準確的CSS樣式值。