使用 JavaScript 提取 CSS 屬性
導航附加到 HTML 文件的樣式表可以為頁面元素的表示提供有價值的見解。特別是,讀取特定 CSS 屬性的能力可以幫助進行動態樣式操作。
一種方法涉及手動檢查 document.styleSheets 物件並解析樣式規則。然而,這種方法是勞動密集型的,並且可能變得笨拙,特別是在針對特定選擇器時。
更直接的技術是建立一個與所需選擇器相符的臨時元素。使用 getCompulatedStyle()(對於現代瀏覽器)或 currentStyle(對於 Internet Explorer)方法,您可以檢索所建立元素的任何 CSS 屬性的計算值。
例如,考慮以下程式碼來擷取
或者,如果您想確定從樣式表繼承的CSS屬性而不考慮任何內聯樣式,可以使用以下函數:
透過利用這些技術,開發人員可以動態調整元素的CSS 屬性,操作其呈現方式,並更深入地了解頁面的樣式。
以上是如何使用 JavaScript 動態擷取 CSS 屬性?的詳細內容。更多資訊請關注PHP中文網其他相關文章!