<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    我的漫漫程序之旅

    專注于JavaWeb開發
    隨筆 - 39, 文章 - 310, 評論 - 411, 引用 - 0
    數據加載中……

    Javascript動態創建控件

     

    <html>

    <head>

    <title></title>
    <script language="javascript" type="text/javascript">
    function createElement(tagName, type)
    {
       
    var element = null;
       
    try
       
    {
          element 
    = document.createElement('<+ tagName + ' name="'+name+'" />');
          element.type 
    = type;
          element.value 
    = value;
       }

       
    catch (e)
       
    {
       }

       
    if ( ! element)
       
    {
          element 
    = document.createElement(tagName);
          element.setAttribute(
    "type", type);
       }

       
    return element;
    }



    function add()
    {
        
    var input1 = createElement("input","file");
        
    var br = document.createElement("<br />");
        
    var files = document.getElementById("files");
        files.appendChild(br);
        files.appendChild(input1);
    }

    </script>
    </head>

    <body>
    <input type="button" value="add" onclick="add();"/>
    <div id="files">
    <input type="file"/>
    </div>
    </body>

    </html>

    延伸一下,動態創建input任意元素代碼片段如下即可:
    function createElement(tagName,name,type,value)
    {
        
    var element = null;
        
    try 
        
    {
            element 
    = document.createElement('<'+tagName+' name="'+name+'" />');
            element.type 
    = type;
            element.value 
    = value;
        }

        
    catch (e)
        
    {
        }

        
    if (!element)
        
    {
            element 
    = document.createElement(tagName);
            element.setAttribute(
    "type",type);
            element.setAttribute(
    "name",name);
            element.setAttribute(
    "value",value);
       }

       
    return element;
    }
     


    posted on 2008-01-31 16:07 々上善若水々 閱讀(2627) 評論(0)  編輯  收藏 所屬分類: JavaScript

    主站蜘蛛池模板: 久久www免费人成看国产片| 亚洲人色婷婷成人网站在线观看| 亚洲男人都懂得羞羞网站| 四虎精品免费永久免费视频| 国产gav成人免费播放视频| 亚洲国产美女精品久久久| 成人免费a级毛片| 亚洲永久网址在线观看| 成人免费视频小说| 久久精品国产亚洲AV未满十八| 国产精品视_精品国产免费| 亚洲AV永久无码精品网站在线观看| 国产猛烈高潮尖叫视频免费| 亚洲国产成人AV在线播放| 日韩一区二区三区免费体验| 国产99久久亚洲综合精品| 亚洲精品乱码久久久久久蜜桃| h片在线观看免费| 亚洲精品成人网站在线观看| 国产真人无码作爱免费视频| 亚洲欧洲日产国码无码久久99 | 亚洲精品A在线观看| 成人福利在线观看免费视频| 国产亚洲免费的视频看| 又大又硬又爽又粗又快的视频免费| 亚洲人色大成年网站在线观看| 午夜免费福利在线| 色婷婷精品免费视频| 亚洲国产a∨无码中文777| 国产高清不卡免费在线| 国产亚洲人成在线影院| 亚洲AV无码一区二区乱子伦| 无码av免费毛片一区二区| 国产亚洲精品美女久久久久久下载| 亚洲尤码不卡AV麻豆| 67194成手机免费观看| 老子影院午夜伦不卡亚洲| 久久精品国产亚洲一区二区| 免费电影在线观看网站| 成年免费a级毛片免费看无码| 亚洲中文字幕久在线|