使用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。