javascript动态添加控件

 <script type="text/javascript">
 var flag=0;    
 function addpage()
  {
   alert("dfddf");
  }
  function onadd()
  {
if(flag!=0)
{
return;
}
flag=1;
 addElementSpan("标题:");
 addElementInput("text");
 
 addElementBR();
 addElementBR();
 
 addElementSpan('URL:');
 addElementInput("text");
 
 addElementBR();
 
 addElementSpan("   ");
 
   var obj = document.getElementById("addurl");
   var newobj = document.createElement("input");
   newobj.type="button";
   newobj.onclick=addpage;
   newobj.value="添加";
   obj.appendChild(newobj);

 addElementSpan("          ");

 var newcancel = document.createElement("input");
 newcancel.type="button";
 newcancel.onclick=oncancel;
 newcancel.value="取消";
 obj.appendChild(newcancel);

  }

 function oncancel()
 {
  alert("取消");
 }
  function addElementBR()
  {
   var obj = document.getElementById("addurl");
   var newobj = document.createElement("br");
   obj.appendChild(newobj);
   
  }
 
  function addElementSpan(txt)
  {
   var obj = document.getElementById("addurl");
   var a = document.createElement("span");
 a.innerText = txt;
 obj.appendChild(a);
  }
 
  function addElementInput(type)
  {
    var obj = document.getElementById("addurl");
   var a = document.createElement("input");
 a.type = type;
 obj.appendChild(a);
  }
  </script>
         
          <div id="addurl">
    <input type="hidden" name="a">
    </div>

 

删除:

 

 function oncancel()
 {
  //alert("取消");
  var obj = document.getElementById("addurl");
  flag=0;
  obj.innerHTML="";
 }