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

我在页面中有一些元素。它基于CSS创建。我已经通过使用JavaScript在head中添加link标记来动态更改样式表。链接标签被完美地附加了。但我的问题是在创建元素时没有加载样式表。所以我的计算和计算都错了。在我的所有流程完成后，样式表最终被加载。 是否有任何方法可以更改样式表以反映DOM

我在这个页面中有一个div元素

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);    
});

---

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

如果您真的需要动态加载css，请插入一个带有onload=的链接标记，并在单独的函数中继续处理。

代码在哪里？我们到底应该如何帮助您提供信息？HTML File$函数{$'head'.append$；var ht=$sat.height；$sat.height ht+200；}；CSS file.dummy{height:100px；background color:red；}div元素显示的高度是200px而不是300px。因为在计算时没有加载CSS

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