页面导航：首页 → 网络编程 → JavaScript → 基础知识 → 正文内容

动态生成页面元素的代码

发布：dxy 字体：[增加减小] 类型：转载

第一个：

点击运行可以看到效果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"   
"http://www.w3.org/TR/html4/loose.dtd">   
<html>   
<head>   
<title>Untitled Document</title>   
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">   
<script language="JavaScript">   
<!--   
function addInputFile(spanId,fileId)   
{   
   var span = document.getElementById(spanId);   
   if ( span !=null ) {     
                 if (navigator.userAgent.indexOf("MSIE") == -1){   
      var fileObj = document.createElement("input");   
      if ( fileObj != null ) {   
       fileObj.type="file";   
       fileObj.name = fileId;   
       fileObj.id = fileId;   
       fileObj.size="50";          
       span.appendChild(fileObj);   
      }//if fileObj   
      fileObj = document.createElement("br");   
      if ( fileObj != null ) {          
       span.appendChild(fileObj);   
      }   
     }   
     else{   
      var fileTag = "<input type='file' id ='" + fileId + "' name='" + fileId + "' size=50>";   
      var fileObj = document.createElement(fileTag);    
      span.appendChild(fileObj);   
      fileTag="
";   
      fileObj = document.createElement(fileTag);    
      span.appendChild(fileObj);   
     }   
      
   }//if span   
}

//-->   
</script>    
</head>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

第二个：

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：动态生成页面元素的代码