使用 JavaScript 添加内容后重新应用样式

Question

我会尝试扩展我的问题：

我有一个链接：

<a href="#" onClick="Display(); return false;">Display</a>

我有一些样式：

<style type="text/css">
p {
 background-color: #AFA99B;
}
</style>

以及下面的js代码：

function printf(MyHtml){
document.write(MyHtml); 
}

function Display(){
printf("<p>some html code<p>");
//...
}

因此，当用户单击链接时，我必须在正文中添加一些 html 内容，并且新添加的元素必须使用定义的样式。 就是这样。

Answer 1

这就是我在评论中谈到的问题。您在文档完全加载之后调用document.write(MyHtml)。

它将完全替换文档（参见documentation）。检查它，您会看到有一个空的head（另见this 和this 示例）。

使用other methods to manipulate the DOM。