JS取body里的内容，然后再放回去出现问题


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>无标题文档</title>
<script type="text/javascript">
function readContent(){
var content = document.getElementById("aaa").innerHTML;
document.getElementById("aaa").innerHTML = content;
}
</script>
</head><body onload="readContent()">
<div id="aaa"><script type=text/javascript>
    <!--
    var focus_width=208
    var focus_height=156
    var text_height=23
    var swf_height = focus_height+text_height
    var pics='images/1.jpg|images/2.jpg|images/3.jpg|images/4.jpg|images/5.jpg'
    var links='#|#|#|#'
    var texts='文字说明1|文字说明2|文字说明3|文字说明4|文字说明5'
    document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
    document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#F6F6F6">');
    document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
    document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
    document.write('<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#DADADA" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');      
document.write('</object>');
    //-->
   </script>
     </div>       </body>
</html>大家看了上面的那段代码后，不知道我这个原因出现在哪里。为什么我用JS取出内容后，我并没有作修改，又把它放回去了，这样子就显示不出来效果了？如果把div里的javascript代码替换成个简单的JS代码，就不会有这样子。请大侠赐教谢谢！

解决方案 »

  1.   

    你取出来的时候并没有把原来的清空当你放进去的时候可能就出现问题了，但是如果是append函数的话，应该就没有什么问题
      

  2.   

    不清楚楼主说的问题是在哪里，ie8 firefox 3.6.6 并没有问题
      

  3.   


    在ie8有问题啊！显示不出来。在ff下就可以显示。
      

  4.   


    嗯。是的。感觉没有错但是在IE里是显示不出来我快要疯了，不知道为什么IE下不行？
      

  5.   


    这样子是一样子的。我现在只是把它放在一个DIV里。然后拿DIV里的内容
      

  6.   


    JS里有append这个函数吗？
      

  7.   

    试下这样:
    <div id="aaa"><script type="text/javascript" defer=true>
      

  8.   


    你这样子是可以显示了。但是我的页面里，除了这个DIV，body里还有其它的内容，，，加上这个后，其它的内容都不显示了，只显示了这个div里的内容。
      

  9.   


    var content = document.getElementById("aaa").innerHTML;
    alert(content);lz有没有发现里面的script标签都不对应了，script标签没有了
    innerHTML对一些常用的标签没有问题，但是如果是script标签、option标签就会有问题
      

  10.   


    如果把DIV里的内容换成另一个JS，可以弄成一个简单的循环的JS，然后输出值来。这样子就不会有问题。
      

  11.   

    还是自己解决了。我最后没有用JS了。最后把它转换成JAVA，用JAVA来实现。这样子就解决了。
      

  12.   

    个人认为：readContent()运行时，div还没有加载，所以readContent()运行第一句时错误而终止，你的浏览器又把错误忽略了，导致你什么都没读到。