如何在沒有渲染元素的情況下從外部樣式表檢索 CSS 屬性？

使用Javascript/jQuery 從外部樣式表檢索CSS 屬性

問題：

可以嗎從外部樣式表檢索CSS 屬性值，即使關聯元素尚未動態渲染？常見的 jQuery 方法 $('element').css('property') 要求元素出現在頁面上。有替代方法嗎？

答案：

是的，可以不依賴現有元素來取得 CSS 屬性值。一種方法利用 jQuery 和臨時插入的元素。它的工作原理如下：

jQuery 解決方案：

1. 使用 jQuery 建立隱藏元素，例如

   （透過 css 隱藏）。

2. 將隱藏元素附加到頁面。
3. 使用 $('element').css('property') 存取並記錄隱藏元素的 CSS 屬性.
4. 最後，從頁面中刪除隱藏元素。

// Scoping function just to avoid creating a global
(function() {
    var $p = $("<p></p>").hide().appendTo("body");
    console.log($p.css("color"));
    $p.remove();
})();

這個解決方案允許您動態存取 CSS 屬性值，而無需頁面上存在元素。

以上是如何在沒有渲染元素的情況下從外部樣式表檢索 CSS 屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！