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

[charlesxu]

从网上下载了一个模版，里面用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; }

[qq137051908]

会有css样式的
你试下不就知道了

[charlesxu]

我试了不行，应该和css无关。

是我的js不能输出了，不知道为啥？？？？？？？？？？？？？？

上面javascript输出的内容都没有，为啥啊？

[ziyouren521125]

应该是可以输出吧，样式也会用上的

[charlesxu]

上面的javascript写的代码不能输出了，那位大侠给看看为什末？

[charlesxu]

奇怪了，我把js里的javascript代码拿到html中就可以输出。


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

为啥啊？？？？？？？？