如何在 Javascript/jQuery 中從沒有元素的外部樣式表中檢索 CSS 值？

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

在Web 開發中，可能需要從外部樣式表存取CSS 值頁面上沒有對應的HTML 元素。這種情況常在動態生成內容時出現。

常用的 jQuery 方法 $('element').css('property') 依賴頁面中渲染的元素。但是，要在建立元素之前確定 CSS 屬性值，需要採用替代方法。

使用代理元素

一個解決方案是建立一個暫時的、隱藏的代理元素並讀取其計算樣式。 jQuery 的 $("

").hide().appendTo("body") 在頁面內文中建立一個隱藏的段落元素。然後，您可以呼叫 $p.css("color") 來擷取 CSS 顏色屬性值。

範例程式碼

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

注意： 在此範例中，外部CSS 檔案必須定義具有所需樣式屬性的“p”元素。

以上是如何在 Javascript/jQuery 中從沒有元素的外部樣式表中檢索 CSS 值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！