当前位置: 代码迷 >> Java Web开发 >> 使用javascript输出一段div和链接<a href>时如何套用之前加载的css文件呢
  详细解决方案

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

热度:589   发布时间:2016-04-17 01:04:28.0
使用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看看来验证。
如果显示乱了,那应该是别的原因。

  相关解决方案