使用javascript输出一段div和链接<a href>时如何套用之前加载的css文件呢

使用javascript输出一段div和链接<a href>时怎么套用之前加载的css文件呢？
从网上下载了一个模版，里面用css定制了一些div的背景。

为了适应公司的需要，现在这些div要读取xml中的信息然后再输出到页面上。

但是使用如下代码输出时，css样式表已经加载完成了，输出的信息格式都乱了。请问怎么样才能让这些后执行的javascript输出的div也能套用原来的css呢？

JScript code

document.write("<div class='box'><h2>保障信息"+ "</h2>")document.write("<img src='./images/photo1.jpg' alt='' />")document.write("<a href='#' class='more'>Know more</a>")    document.write("<p>" + "<a target='_blank' href=" + Nodes_links[i].childNodes[0].nodeValue + ">" + Nodes_name[i].childNodes[0].nodeValue +  "</a>" + "</p>");

[解决办法]
修改下css名称
div {
....
}
[解决办法]
后执行的js输出的html代码仍然会自动应用之前加载的CSS样式
这一点可以用FireBug看看来验证。
如果显示乱了，那应该是别的原因。

查看更多 下一篇