如何在javascript函数运行之前等待HTML绘制

我正在开发一个webapp，它涉及使用javascript添加和操作许多html元素

下面是我的问题的一个例子：

功能1：更改所有500个元素的文本大小

功能2：根据元素350的位置（从顶部开始的像素）滚动到元素350

问题是css有时需要花费时间以新的大小重新绘制元素，因此当函数2启动时，它不准确，最终将滚动到错误的位置

函数1使用jquery更改html头部中

元素的内容

---

如何让javascript在启动之前等待浏览器完成绘制，而不进行任意超时猜测？

在页面加载后，您可以通过在其中包含jquery函数来启动jquery：

$(function() {
    //your functions
});

---

您可以在页面加载后启动jquery，方法是将jquery函数包含在以下内容中：

$(function() {
    //your functions
});

---

您可以在页面加载后启动jquery，方法是将jquery函数包含在以下内容中：

$(function() {
    //your functions
});

---

您可以在页面加载后启动jquery，方法是将jquery函数包含在以下内容中：

$(function() {
    //your functions
});

---

您可以将脚本标记放在页面底部。这将确保您的DOM已加载，并允许用户尽快感知页面！非常好的消息，特别是如果您的脚本需要花费大量时间来执行，因为您可以在其中放置一个可爱的加载图形作为顶级用户体验的占位符：）

您可以将脚本标记放在页面底部。这将确保您的DOM已加载，并允许用户尽快感知页面！非常好的消息，特别是如果您的脚本需要花费大量时间来执行，因为您可以在其中放置一个可爱的加载图形作为顶级用户体验的占位符：）

您可以将脚本标记放在页面底部。这将确保您的DOM已加载，并允许用户尽快感知页面！非常好的消息，特别是如果您的脚本需要花费大量时间来执行，因为您可以在其中放置一个可爱的加载图形作为顶级用户体验的占位符：）

您可以将脚本标记放在页面底部。这将确保您的DOM已加载，并允许用户尽快感知页面！非常好的消息，特别是如果您的脚本需要花费大量时间来执行，因为您可以在其中放置一个可爱的加载图形作为顶级用户体验的占位符：）

看看它是纯javascript

function load () {
      alert("Window loaded");
}

window.addEventListener("load", load, false);

看看它是纯javascript

function load () {
      alert("Window loaded");
}

window.addEventListener("load", load, false);

看看它是纯javascript

function load () {
      alert("Window loaded");
}

window.addEventListener("load", load, false);

看看它是纯javascript

function load () {
      alert("Window loaded");
}

window.addEventListener("load", load, false);

---

为了获得所需的帮助，您需要提供实际的代码示例。在现代浏览器中，您可以使用mutationobserver-api。为了获得所需的帮助，您需要提供实际的代码示例。在现代浏览器中，您可以使用mutationobserver-api，您需要提供实际的代码示例要获得所需的帮助。在现代浏览器中，可以使用mutationobserver API。为了获得所需的帮助，您需要提供实际的代码示例。在现代浏览器中，可以使用mutationobserver API