页面

2009年3月8日

用 javascript 追加 HTML 代码

因为一个项目的需要,所以在网上找了好段时间,最后终于做出来了.

如下:

var aaa = document.createElement(' 这里放 HTML 代码 '); //创建元素

document.getElementById("目标对象id").appendChild(aaa); //在最后边追加

document.getElementById("主对象id").removeChild(document.getElementById("要移除的对象id"));

例:

var fileSum = 5;

function $(objID)
{
     return document.getElementById(objID);
}

//增加一个文件上传框
function addFile()
{
     if ((fileSum + delFileSum) > showSum)
     {
      showSum++;
      var aaa = document.createElement('<center id="fileName_'+showSum+'"><div></div></center>');
      aaa.innerHTML = '文件:<input name="fileName'+showSum+'" type="file" id="propfile_file"><input type="button" onclick="delFile(\''+showSum+'\');" value="删除"><select name="fileType"><option value="0" selected>其他格式</option><option value="1">CSV格式</option></select>';
      $("upLoadFileList").appendChild(aaa);
      $("fileObjNameList").value += 'fileName'+showSum+';';
     }
     else
     {
      alert('对不起,目前一次只允许上传 '+fileSum+' 个文件!');
     }
}  

//移除指定 num 的文件上传框
function delFile(num)
{
     $("upLoadFileList").removeChild($("fileName_"+num));
     delFileSum += 1;
     var fileObjNameList = new Array();
     var fileObjNameListNewContent = "";
     fileObjNameList = $("fileObjNameList").value.split(";");
     var i = 0;
     while(i < fileObjNameList.length)
     {
      if (fileObjNameList[i] != ("fileName"+num) && fileObjNameList[i] != "")
      {
       fileObjNameListNewContent += fileObjNameList[i] + ";";
      }
      i++;
     }
     //fileObjNameListNewContent = fileObjNameListNewContent.substring(1,fileObjNameListNewContent.length);
     $("fileObjNameList").value = fileObjNameListNewContent;
}

有什么看不懂的可以留言问我。.呵呵~~!!

没有评论: