一个html页面通过button来增加节点a，在线等

一个html页面有个button
每次点击这个button在页面上新增加一个节点a
但是每次增加的a的href不同  如何实现？thanks

解决方案 »

  1.   

    <script type="text/javascript" language="javascript">
    var obj1=new Object();
    obj1.name="baidu";
    obj1.href="http://www.baidu.com";
    var obj2=new Object();
    obj2.name="google";
    obj2.href="http://www.google.com.hk";
    var obj3=new Object();
    obj3.name="sina";
    obj3.href="http://www.sina.com.cn";


    Array.prototype.remove=function(obj){
      for(var i =0;i <this.length;i++){  
    var temp = this[i];  
    if(!isNaN(obj)){  
    temp=i;  
    }  
    if(temp == obj){  
    for(var j = i;j <this.length;j++){  
    this[j]=this[j+1];  
    }  
    this.length = this.length-1;  
    }     
    }  
    }
    var arr=new Array();
    arr.push(obj1,obj2,obj3);
    function add(){

    for(var i=0;i<arr.length;){
    var s=document.createElement("br");
    var a=document.createElement("a");
    a.href=arr[i].href;
    a.innerText=arr[i].name;
    document.body.appendChild(a);
    document.body.appendChild(s);
    arr.remove(arr[i]);
    return;
    }
    }
    </script>
    <body>
    <input type="button" value="ADD" onclick="add()" /><br />
    </body>
      

  2.   

    3楼的
    Array.prototype.remove=function(obj){
      for(var i =0;i <this.length;i++){  
    var temp = this[i];  
    if(!isNaN(obj)){  
    temp=i;  
    }  
    if(temp == obj){  
    for(var j = i;j <this.length;j++){  
    this[j]=this[j+1];  
    }  
    this.length = this.length-1;  
    }     
    }  
    }
    这一串是干吗的，能把你写的注释下吗，
      

  3.   

    给数据 添加一个remove方法. 让数组能够删除指定元素
      

  4.   

    <html>
    <head>
    <script>
    function doAdd(){
    var appendDiv = document.getElementById("appendDiv");
    var _href = document.createElement("a");
    _href.href = "http://www.baidu.com";
    _href.innerHTML = "asdsf";
    appendDiv.appendChild(_href);
    var br = document.createElement("br");
    appendDiv.appendChild(br);
    }

    </script>
    </head>
    <body>
    <input type="button" onclick="doAdd()" value="doAdd">
    <br>
    <div id="appendDiv">
    </div></body></html>
    基本操作就这样，要是动态变先要获取数据，再按照上面的实现就可以
      

  5.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>test.html</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script>
    /*根据需求改变你的path*/
    function add(path){
    var acon = "<a href='"+path+"'>"+path+"</a>";
    $('#atree').append(acon);
    }
    </script>
      </head>
      <body>
       <input type="button" id="addA" value="点击" onclick="add('http://www.baidu.com')" />
       <!-- 显示a标签的div -->
       <div id="atree"></div>
      </body>
    </html>