Javascript CSS样式是否应用于页面加载后添加的标记？

我正在学习Javascript和CSS，遇到了一个问题，我的CSS样式没有应用到从XML动态生成并在页面加载后写入文档的标记上。我只能假设没有应用这些样式，因为我在加载文档之后修改了它。这是正确的吗？如果不是这样的话，您是否知道为什么不应用这些样式

此javascript代码

$(function()
{
   //Dynamically generate markup
   strMarkup = GenerateMarkupFromXML();

   //Display the dynamically generated markup   
   document.write(strMarkup);
});

动态生成这个简单的标记

<div id="accordion"><h3>Title1</h3><h3>Title2</h3></div>

我还应该注意，当我将动态生成的标记直接粘贴到主体中时，样式被正确应用

---

提前感谢您的帮助

是的，CSS样式应用于页面加载后添加的标记

这可能是因为您实际生成的代码与您认为的不同。尝试选择生成的代码并在Firefox中执行“查看选择源代码”。这将显示生成的源（即，不只是加载页面时提供的静态内容）

编辑

---

我认为在document ready函数中使用document.write（）有问题。。似乎导致了某种无限循环（对我来说，在Firefox中，浏览器不断旋转选项卡上的加载图标，即使文件在我的本地机器上）。

$（'body'）.append（strMarkup）也可以工作，
$（'body'）.html（strMarkup）
 是的，CSS样式应用于页面加载后添加的标记

这可能是因为您实际生成的代码与您认为的不同。尝试选择生成的代码并在Firefox中执行“查看选择源代码”。这将显示生成的源（即，不只是加载页面时提供的静态内容）

编辑

我认为在document ready函数中使用document.write（）有问题。。似乎导致了某种无限循环（对我来说，在Firefox中，浏览器不断旋转选项卡上的加载图标，即使文件在我的本地机器上）。
$（'body'）.append（strMarkup）也可以工作，
$（'body'）.html（strMarkup）
 是的。。。样式将应用于任何动态添加的标记

代码中的document.write（）部分可能会在此处引起问题。通常，在加载和解析文档时，只应内联使用document.write（）。如果你在DomReady上调用它，它会覆盖你的整个页面，我想这就是问题的原因。不过我还没有测试

我对jQuery不太熟悉，但请尝试按照以下（未经测试的）行进行操作，而不要使用document.write（）行：

$（'body'）。追加（'Title1/h3>Title2'）
 是的。。。样式将应用于任何动态添加的标记

代码中的document.write（）部分可能会在此处引起问题。通常，在加载和解析文档时，只应内联使用document.write（）。如果你在DomReady上调用它，它会覆盖你的整个页面，我想这就是问题的原因。不过我还没有测试

我对jQuery不太熟悉，但请尝试按照以下（未经测试的）行进行操作，而不要使用document.write（）行：

$（'body'）。追加（'Title1/h3>Title2'）
 是，css自动应用。您的示例不起作用，因为document.write是邪恶的）
我建议，它可以用您的自定义样式重写整个文档。如果您想使用document.write，请在文档的适当部分调用它，而不是在head中。例子：


h3
{
背景色：#ccc；
颜色：#003300；
字体大小：1.1米；
}
文件。书写（“标题1标题2”）；

是，css自动应用。您的示例不起作用，因为document.write是邪恶的）
我建议，它可以用您的自定义样式重写整个文档。如果您想使用document.write，请在文档的适当部分调用它，而不是在head中。例子：


h3
{
背景色：#ccc；
颜色：#003300；
字体大小：1.1米；
}
文件。书写（“标题1标题2”）；


h3
{
  background-color:#ccc;
  color:#003300;
  font-size:1.1em;   
}