如何让等待屏幕显示加载时，它有CSS样式

Question

我有一个大小适中的web应用程序，加载时间超过10秒，我想创建一个简单的"请稍候"文本消息。

（它从8个不同的表中访问和处理关于30多名员工的大量信息，其中许多表可能有超过1万条记录，其中许多查询取决于以前DME查询的结果，因此对于一个可能每月访问3次且仅由内部主管访问的程序来说，进一步加快速度是不划算的。）

我已经学会了如何用我想要的基本文本创建div，以及如何在程序完成并且页面准备好显示时隐藏它。我遇到的问题是格式问题。我想将文本居中，加粗，并增加字体。然而，每当我试图把它放在中心时，消息就不再出现了。（通过CSS甚至HMTL尝试）。我想知道这是否是因为在所有样式的内容都可用并格式化之前，页面不想加载之类的结果。如果是的话，有办法解决这个问题吗？即使只是能够居中也是可以接受的。

这项工作：

self.MAIN.document.getElementById("paneBody").innerHTML = '<div id="WaitMsg">Please Wait</div>';

这不是：

self.MAIN.document.getElementById("paneBody").innerHTML = '<div id="WaitMsg" style="text-align:center;">Please Wait</div>';

如果能提供任何帮助或见解，我将不胜感激。

更新：

这是程序的这一部分的代码，它是在加载时运行的。

function OpenProgram(){
authenticate("frameNm='jsreturn'|funcNm='InitMgrHrsWkd()'|desiredEdit='EM'");
//self.MAIN.document.getElementById("paneBody").innerHTML = '<div id="WaitMsg" >Please Wait</div>';
var waitText = self.MAIN.document.createElement("div");
waitText.innerHTML = "Please Wait";
waitText.style.textAlign = "center";
self.MAIN.document.getElementById("paneBody").appendChild(waitText);
}

Answer 1

您可能想要创建一个div节点，然后为其设置？

var waitText = self.MAIN.document.createElement("div");
waitText.innerHTML = "Please Wait";
waitText.style.textAlign = "center";
self.MAIN.document.getElementById("paneBody").appendChild(waitText);