更改外部 CSS 不会反映在 DOM 中答案

【问题标题】：Changing external CSS is not reflected in DOM更改外部 CSS 不会反映在 DOM 中
【发布时间】：2017-11-03 09:44:39
【问题描述】：

我在一个页面中有一些元素。它基于 CSS 创建。我通过使用 JavaScript 在 head 中附加链接标记来动态更改样式表。链接标签完美附加。但我的问题是在元素创建时没有加载样式表。所以我的计算和一切都是错误的。在我的所有过程完成后，样式表终于被加载了。有没有办法改变样式表会反映 DOM ???

我在这个页面中有一个 div 元素（“sat”）。

HTML 文件

$(function () {
    $('head').append($('<link href="default.css" rel="stylesheet"/>')); // insert style sheet as a link tag
    var ht = $("#sat").height();
    $("#sat").height(ht+200);    
});

CSS 文件

.dummy {
   height: 100px;
   background-color: red;
}

div 元素显示的高度为 200 像素而不是 300 像素。由于计算时没有加载css

【问题讨论】：

代码在哪里？
我们究竟应该如何帮助您处理您提供的信息？
HTML 文件
CSS 文件 .dummy { height: 100px;背景颜色：红色； div 元素显示高度为 200px 而不是 300px。由于计算时没有加载css

标签： javascript jquery css

【解决方案1】：

如果您确实需要动态加载 CSS，请插入带有 onload= 的 link 标签，然后在单独的函数中继续处理。

【讨论】：