后执行的js输出的html代码仍然会自动应用之前加载的CSS样式吗?

charlesxu 2011-08-17 04:41:48
从网上下载了一个模版,里面用css定制了一些div的背景。

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

可是后执行的js输出的html代码仍然会自动应用之前加载的CSS样式吗?

原来的html文件如下:


<div id="content" class="clearfloat"><!-- begin content -->
<div class="box"><!-- begin box -->
<h2>Portolio</h2>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet.
<a href="#" class="more">Know more</a>
</p>
<img src="./images/photo1.jpg" alt="" />
</div><!-- end box -->
</div><!-- end content -->



修改后,由javascript输出的div如下:

document.write("<div id='content' class='clearfloat'>")
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>");
document.write("</div>")


css代码如下:

.clearfloat { display: inline-block; }

.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .clearfloat { height: 1%; }

.clearfloat { display: block; }

...全文
204 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
charlesxu 2011-08-17
  • 打赏
  • 举报
回复
奇怪了,我把js里的javascript代码拿到html中就可以输出。


放在js里用<script type="text/javascript" src="css/readxml.js"></script>在html里调用就没有输出

为啥啊????????
charlesxu 2011-08-17
  • 打赏
  • 举报
回复
上面的javascript写的代码不能输出了,那位大侠给看看为什末?
ziyouren521125 2011-08-17
  • 打赏
  • 举报
回复
应该是可以输出吧,样式也会用上的
charlesxu 2011-08-17
  • 打赏
  • 举报
回复
我试了不行,应该和css无关。

是我的js不能输出了,不知道为啥??????????????

上面javascript输出的内容都没有,为啥啊?
qq137051908 2011-08-17
  • 打赏
  • 举报
回复
会有css样式的
你试下不就知道了

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧