Javascript 在Body元素上插入DOM节点

我正在寻找一种方法，在页面加载时向body标记和页面中的另一个div添加一些内联css，以覆盖样式表中列出的一些无法更改的样式。脚本本身强制页面居中对齐，但任何onload事件都会等待页面完成加载（左对齐）后再居中。我需要脚本添加这个css作为页面加载，这样前端视图是看不见的

我遇到了DOMNodeInstered事件，但对任何想法都持开放态度。我通过标记管理器部署脚本，因此只能在头部或身体中启动脚本

---

非常感谢任何人提供的帮助。

如果不希望覆盖样式，请确保将样式设置为尽可能靠近内联元素。还要确保添加！对它很重要

例如：

document.querySelector("body").style.backgroundColor = "red";

---

样式表中的样式始终可以被覆盖。请提供一个要覆盖的示例。样式表正在设置正文和页面包装器div的位置，其绝对位置为左0px。下面是我为覆盖样式表而编写的一些内容

document.getElementById（'page-body'）.style.position='relative'；document.getElementById（'page-body'）.style.left='auto'；document.getElementById（'page-body'）.style.top='auto'；document.getElementById（'page-body'）.style.margin='0px auto'0px auto'谢谢Mathijs。如果我在head中部署它，页面是否会使用更新的内联样式构建？您可以将其附加到类似onload事件的事件。这将在页面完全加载后执行。您可以像这样使用window.onload事件：
window.onload=function（）{document.querySelector（“body”）.style.backgroundColor=“red”；}
对不起，这就是我遇到的问题。如果事件在页面完全加载后执行，则页面将在脚本加载前左对齐，然后居中对齐。我需要一种在页面构建时执行脚本的方法。在这种情况下，您不需要将其附加到事件，您可以将其写入正文顶部，并在加载正文时执行。谢谢。如果我脑子里有脚本，我怎么能在body标签后面立即写呢？