supercrsky 发表于 2013-2-7 18:24:20

Javascript动态创建控件

 
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;">http://www.blogjava.net/images/OutliningIndicators/None.gif<html>
http://www.blogjava.net/images/OutliningIndicators/None.gif
http://www.blogjava.net/images/OutliningIndicators/None.gif<head>
http://www.blogjava.net/images/OutliningIndicators/None.gif
http://www.blogjava.net/images/OutliningIndicators/None.gif<title></title>
http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gifhttp://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif<script language="javascript" type="text/javascript">http://www.blogjava.net/Images/dot.gif
http://www.blogjava.net/images/OutliningIndicators/InBlock.giffunction createElement(tagName, type)
http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gifhttp://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif   var element = null;
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif   try
http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif   http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif      element = document.createElement('<' + tagName + ' name="'+name+'" />');
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif      element.type = type;
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif      element.value = value;
http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockEnd.gif   }
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif   catch (e)
http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif   http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockEnd.gif   }
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif   if ( ! element)
http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif   http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif      element = document.createElement(tagName);
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif      element.setAttribute("type", type);
http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockEnd.gif   }
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif   return element;
http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockEnd.gif}
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/images/OutliningIndicators/InBlock.giffunction add()
http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gifhttp://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif    var input1 = createElement("input","file");
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif    var br = document.createElement("<br />");
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif    var files = document.getElementById("files");
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif    files.appendChild(br);
http://www.blogjava.net/images/OutliningIndicators/InBlock.gif    files.appendChild(input1);
http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif}
http://www.blogjava.net/images/OutliningIndicators/None.gif</script>
http://www.blogjava.net/images/OutliningIndicators/None.gif</head>
http://www.blogjava.net/images/OutliningIndicators/None.gif
http://www.blogjava.net/images/OutliningIndicators/None.gif<body>
http://www.blogjava.net/images/OutliningIndicators/None.gif<input type="button" value="add" onclick="add();"/>
http://www.blogjava.net/images/OutliningIndicators/None.gif<div id="files">
http://www.blogjava.net/images/OutliningIndicators/None.gif<input type="file"/>
http://www.blogjava.net/images/OutliningIndicators/None.gif</div>
http://www.blogjava.net/images/OutliningIndicators/None.gif</body>
http://www.blogjava.net/images/OutliningIndicators/None.gif
http://www.blogjava.net/images/OutliningIndicators/None.gif</html>
页: [1]
查看完整版本: Javascript动态创建控件