Javascript 如何在页面加载之前重新排序div？

我正在开发一个Chrome扩展，它实现了一种算法，可能会更好地对谷歌搜索结果进行排名

现在我知道一个搜索页面是由10个

元素组成的，所以我需要做的是对这10个

元素重新排序。JS总是让我困惑的是时间

• 如果我在页面完全加载后重新排序这些
  ，结果会自动更新，还是我必须重新呈现页面
• 在页面完全加载之前重新订购这些
  怎么样？可能吗~~

谢谢你的帮助

更新：

现在我想我的关键问题是，如何在页面完全加载之前更改页面内容。类似“广告拦截器”的东西。“广告拦截器”如何在加载整个页面之前更改页面内容

---

继我的评论之后，下面是一个快速演示，它只使用CSS来颠倒顺序：

正文{
柔性流：柱包裹；
显示器：flex；
}
.flex-item.one{顺序：5；}
.flex-item.two{顺序：4；}
.flex-item.3{顺序：3；}
.flex-item.four{顺序：2；}
.flex-item.five{顺序：1；}

项目1
项目2
项目3
项目4
第5项

一旦修改DOM，页面将反映更改。无需重新渲染任何内容。所以，无论你是在加载之前还是加载之后都是无关紧要的。如果您只想更改订单，我会使用

display:flex

然后

order:X

来更改订单，其中X是一个数字。看到@miro好的很高兴知道！你认为有没有一种方法可以让我推迟加载，重新排序div，然后继续加载？更改加载的页面感觉很奇怪。谢谢。我不清楚你到底在问什么。如前所述，无论何时更改DOM并停止执行（或者浏览器以其他方式确定应执行更新），显示的内容都将更改。您的主要决定因素是您要更改的内容必须在更改之前存在，除非您的“更改”是为了阻止它添加到DOM中。因此，你的问题没有真正意义。@Makyen嗨。内容可以存在但不能显示，对吗？我的意思是，我可以暂停显示或隐藏原始内容，对其进行更改，然后将其显示给用户吗？是的，内容可以存在，但是否被编辑。“暂停显示”不清楚。你可以把原点藏起来。内容，更改它，然后显示它。但是，在大多数情况下，您只需更改它，而无需隐藏更改显示。基本上，更改部分通常比显示给用户的速度更快。所有（或绝大多数）的时候，当你看到网页上的移动，这是一个故意的影响。如果它刚开始是其他东西，这是一个正常的改变。你建议使用jquery来改变页面的css吗？我对扩展不太熟悉，但似乎你可以在构建页面之前插入

css

和

script

标记。我根本不想使用js，但是你怎么知道如何排序内容呢？我想的是“广告拦截器”，可以在呈现整个页面之前更改页面内容。