<!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=gb2312" />
<title>无标题文档</title>
</head>
    <script type="text/javascript">
    var a=0;
    function add(){
    var o=document.getElementById("PhotoLabel");
    var div=document.createElement("div");
    div.innerHTML=o.innerHTML.replace(/\{0\}/ig,a);
    document.getElementById("addPhotoLabel").appendChild(div);
    //document.write(document.getElementById("addPhotoLabel").innerHTML);
    a++;
    }
    //window.onload =  function(){add();}
    </script>
<body>
<div id="PhotoLabel">
safasfdgdag
<a>aasscc</a>
</div>
<div id="addPhotoLabel"></div>
<a href="javascript:add();"><span style="font-size: 15px">增加</span></a>
</body>
</html>
类似这样的动态添加div里面的内容。可是在添加完成后,右键查看网页源码是看不到这段动态添加的内容的。为什么呢?是否能网页源码里面也有对应的内容。因为我后台需要读取这些div里面的东西

解决方案 »

  1.   

    <!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=gb2312" />
    <title>无标题文档</title>
    </head>
        <script type="text/javascript">
        var a=0;
        function add(){
            var o=document.getElementById("PhotoLabel");
            var div=document.createElement("div");
            div.innerHTML=o.innerHTML.replace(/\{0\}/ig,a);
            document.getElementById("addPhotoLabel").appendChild(div);
            //document.write(document.getElementById("addPhotoLabel").innerHTML);
            a++;
        }
        //window.onload =  function(){add();}
        function read(){
          var divstr=document.getElementById('addPhotoLabel').innerHTML;
          alert(divstr);
    }
        </script>
    <body>
    <div id="PhotoLabel">
    safasfdgdag
    <a>aasscc</a>
    </div>
    <div id="addPhotoLabel"></div>
    <a href="javascript:add();"><span style="font-size: 15px">增加</span></a>
    <a href="javascript:read();"><span style="font-size: 15px">读取</span></a></body>
    </html>
      

  2.   


    是在添加完成后,右键查看网页源码是看不到这段动态添加的内容的。为什么呢
    re:
    因为动态添加是在客户端的内存中完成的因为我后台需要读取这些div里面的东西
    re:
    哪个就用一个同步的textarea保存到数据库好了
      

  3.   

    右键查看网页源码是看不到这段动态添加的内容的.因为是动态生成的div,所以页面不会显示.
    不过你放心,既然页面已经能动态生成div,便且显示在页面上.
    后台就能拿到值,这你放心....
      

  4.   

    是在添加完成后,右键查看网页源码是看不到这段动态添加的内容的。为什么呢 
    re: 
    因为动态添加是在客户端的内存中完成的 to:xiaofanku
    那么在客户端的页面也有对应的显示该添加的内容啊,那么客户端右键该网页也看不到这段内容?
      

  5.   

    汗,错了。是看不到源代码的,但可以你自己根据JS生成的算啊。
    可以安装Instant source,http://www.skycn.com/soft/15582.html
      

  6.   


    <DIV id=PhotoLabel>safasfdgdag <A>aasscc</A> </DIV>
    <DIV id=addPhotoLabel>
    <DIV>safasfdgdag <A>aasscc</A> </DIV>
    <DIV>safasfdgdag <A>aasscc</A> </DIV>
    <DIV>safasfdgdag <A>aasscc</A> </DIV>
    <DIV>safasfdgdag <A>aasscc</A> </DIV></DIV><A href="javascript:add();"><SPAN 
    style="FONT-SIZE: 15px">增加</SPAN></A> 
    不知道这算不算了,这是我用那个工具把页面上的文本选中出现的
      

  7.   

    Instant source安装后,可以看到所有源码的,或者火狐的DEBUG调试插件也应该可以的
      

  8.   

    firebug。我装这个。呵呵。谢谢。
      

  9.   


    createElement('div')出来的div你设置id什么的.
    然后根据id就能找到~··
      

  10.   

    js动态生成的东西,查看源文件是看不到的,若想在后台用,必须是form中的可提交元素,如input之类,而且必须有name属性。