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

Reapply style after adding content with JavaScript

本文关键字：应用 样式 新应用 添加 JavaScript 使用      更新时间：2023-09-26

我将尝试扩展我的问题：

我有一个链接：

<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内容；新添加的元素必须使用定义的样式。仅此而已。

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

它将完全取代文档（请参阅文档）。检查它，你会发现有一个空的head（也可以参见这个和这个例子）。

使用其他方法来操作DOM。

相关文章：