JS动态创建的DIV ID的维一性

原有问题的扩展!http://topic.csdn.net/u/20090830/16/edda40f4-69c4-473f-a499-a23a4d16648f.html
如网页中有<div id="box5" >
那么添加时就不能再次添加一个<div id="box5" >
只有添加<div id="box6" >假如这个还是存在那么就要再加1假如还有！！！！！

解决方案 »

  1.   


    var GUIDGenerator={p:function(w,n){var s="";for(var i=0;i<n;i++) s+="0";s+=""+w;s=s.substr((s.length-n),n);return s;},getGUID:function(){var d=new Date();return "_"+this.p(d.getFullYear(),4)+this.p(d.getMonth(),2)+this.p(d.getDate(),2)+this.p(d.getHours(),2)+this.p(d.getMinutes(),2)+this.p(d.getSeconds(),2)+this.p(100000*Math.random()+"",6);}}
    alert("box"+GUIDGenerator.getGUID())
      

  2.   

    先判断document.getElementById('box5')是否为空，为空就能添加，否则不能
      

  3.   

    你可以在创建的时候产生一个随机值就可以了。下面的代码遇到相同值的可能性非常低 <script type="text/javascript">        var Guid =
            {
                random: function(iFirstValue, iLastValue)
                {
                    var iChoices = iLastValue - iFirstValue + 1;
                    return Math.floor(Math.random() * iChoices + iFirstValue);
                }
                ,
                newGuid: function()
                {
                    var d = new Date();
                    return d.getTime() + d.getMilliseconds() + this.random(1,10000);
                }
            };        window.onload = function()
            {
                window.alert(Guid.newGuid());
            }
            
        </script>
      

  4.   

    <html>
    <head>
    <script lanague="javascript">
    function createDiv(){
      var oDiv=document.createElement("DIV");
      oDiv.style.border = "15 groove black";
      var DIVList=document.getElementsByTagName("DIV");
      oDiv.ID="div"+(DIVList.length+1);
      oDiv.innerText="层ID为："+oDiv.ID;
      document.body.appendChild(oDiv); 
    }</script>
    </head>
    <body UnLoad>
    <div id="divId">tttt</div>
    <input id="df" value="OK" onclick="createDiv();" type="button"/>
    </body>
    <html>
      

  5.   

    页面中的id一定要保持唯一性...虽然你可以重复...但会导到js的混乱或错误.....既然是createElement元素..一定有规律可循.....  避免重复的元素id
      

  6.   

    再创建一个元素时 先判断这个id能否在该页找到if(document.getElementById("elemid")!=null){
       alert("存在");
    }
    else{
       alert("不存在");
    }