如何在 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中文网其他相关文章！