动态生成页面元素的代码


答案：第一个： 
<!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>   

<body>   
<form name="form1" method="post" action="">   
  <input type="button" name="Button" value="增加文件" onClick="addInputFile('fileName','baobao');">   
  
   
  <span id="fileName"></span>   
</form>   
</body>   
</html> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


  

第二个： 

<script>  
function delOption(e){  
e.previousSibling.value="";  
e.previousSibling.removeNode();  
e.nextSibling.removeNode();  
e.removeNode();  
}  

function addOption(name){  
var newTextArea = document.createElement('<textarea name="qOption"></textarea>')  
var newButton = document.createElement('<input type="button" onclick="delOption(this)" value=" 删  除 ">');  
var newBr = document.createElement('
')  
var parentNode=document.all[name];  
parentNode.appendChild(newTextArea);  
parentNode.appendChild(newButton);  
parentNode.appendChild(newBr);  
}  
</script>  
<input type="button" onclick="addOption('option')" value=" 增  加 ">
  
<span id="option" ></span> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一个：禁止F5等快捷键的JS代码
下一个：服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
更多图片编程知识: