动态生成页面元素的代码 时间:2020-05-12 人气:0 第一个： <!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需刷新才能执行] 加载全部内容