易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
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"> <script language="JavaScript"></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需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站