资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
动态生成页面元素的代码
第一个:
<!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"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%20%20%0D%0A%3C!--%20%20%20%0D%0Afunction%20addInputFile(spanId%2CfileId)%20%20%20%0D%0A%7B%20%20%20%0D%0A%20%20%20var%20span%20%3D%20document.getElementById(spanId)%3B%20%20%20%0D%0A%20%20%20if%20(%20span%20!%3Dnull%20)%20%7B%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(navigator.userAgent.indexOf(%22MSIE%22)%20%3D%3D%20-1)%7B%20%20%20%0D%0A%20%20%20%20%20%20var%20fileObj%20%3D%20document.createElement(%22input%22)%3B%20%20%20%0D%0A%20%20%20%20%20%20if%20(%20fileObj%20!%3D%20null%20)%20%7B%20%20%20%0D%0A%20%20%20%20%20%20%20fileObj.type%3D%22file%22%3B%20%20%20%0D%0A%20%20%20%20%20%20%20fileObj.name%20%3D%20fileId%3B%20%20%20%0D%0A%20%20%20%20%20%20%20fileObj.id%20%3D%20fileId%3B%20%20%20%0D%0A%20%20%20%20%20%20%20fileObj.size%3D%2250%22%3B%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20span.appendChild(fileObj)%3B%20%20%20%0D%0A%20%20%20%20%20%20%7D%2F%2Fif%20fileObj%20%20%20%0D%0A%20%20%20%20%20%20fileObj%20%3D%20document.createElement(%22br%22)%3B%20%20%20%0D%0A%20%20%20%20%20%20if%20(%20fileObj%20!%3D%20null%20)%20%7B%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20span.appendChild(fileObj)%3B%20%20%20%0D%0A%20%20%20%20%20%20%7D%20%20%20%0D%0A%20%20%20%20%20%7D%20%20%20%0D%0A%20%20%20%20%20else%7B%20%20%20%0D%0A%20%20%20%20%20%20var%20fileTag%20%3D%20%22%3Cinput%20type%3D'file'%20id%20%3D'%22%20%2B%20fileId%20%2B%20%22'%20name%3D'%22%20%2B%20fileId%20%2B%20%22'%20size%3D50%3E%22%3B%20%20%20%0D%0A%20%20%20%20%20%20var%20fileObj%20%3D%20document.createElement(fileTag)%3B%20%20%20%20%0D%0A%20%20%20%20%20%20span.appendChild(fileObj)%3B%20%20%20%0D%0A%20%20%20%20%20%20fileTag%3D%22%0D%0A%22%3B%20%20%20%0D%0A%20%20%20%20%20%20fileObj%20%3D%20document.createElement(fileTag)%3B%20%20%20%20%0D%0A%20%20%20%20%20%20span.appendChild(fileObj)%3B%20%20%20%0D%0A%20%20%20%20%20%7D%20%20%20%0D%0A%20%20%20%20%20%20%0D%0A%20%20%20%7D%2F%2Fif%20span%20%20%20%0D%0A%7D%20%20%20%0D%0A%0D%0A%2F%2F--%3E%20%20%20%0D%0A%3C%2Fscript%3E"> </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需刷新才能执行
]
第二个:
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%20%0D%0Afunction%20delOption(e)%7B%20%20%0D%0Ae.previousSibling.value%3D%22%22%3B%20%20%0D%0Ae.previousSibling.removeNode()%3B%20%20%0D%0Ae.nextSibling.removeNode()%3B%20%20%0D%0Ae.removeNode()%3B%20%20%0D%0A%7D%20%20%0D%0A%0D%0Afunction%20addOption(name)%7B%20%20%0D%0Avar%20newTextArea%20%3D%20document.createElement('%3Ctextarea%20name%3D%22qOption%22%3E%3C%26%2347textarea%3E')%20%20%0D%0Avar%20newButton%20%3D%20document.createElement('%3Cinput%20type%3D%22button%22%20onclick%3D%22delOption(this)%22%20value%3D%22%20%E5%88%A0%20%20%E9%99%A4%20%22%3E')%3B%20%20%0D%0Avar%20newBr%20%3D%20document.createElement('%0D%0A')%20%20%0D%0Avar%20parentNode%3Ddocument.all%5Bname%5D%3B%20%20%0D%0AparentNode.appendChild(newTextArea)%3B%20%20%0D%0AparentNode.appendChild(newButton)%3B%20%20%0D%0AparentNode.appendChild(newBr)%3B%20%20%0D%0A%7D%20%20%0D%0A%3C%2Fscript%3E"> <input type="button" onclick="addOption('option')" value=" 增 加 "> <span id="option" ></span>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程