<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

    主站蜘蛛池模板: 国产精品成人观看视频免费| 成人A毛片免费观看网站| 99久久99久久免费精品小说| 亚洲人成网站观看在线播放| 美女无遮挡免费视频网站| 日韩高清免费在线观看| 国产精品无码亚洲精品2021| 永久免费看mv网站入口| 亚洲AV成人精品一区二区三区| 最近的免费中文字幕视频| 亚洲国产日韩综合久久精品| 成人免费a级毛片无码网站入口 | 国产AV无码专区亚洲AV漫画| 国产成人无码免费看片软件| 亚洲一区无码精品色| 精品免费久久久久国产一区| 伊伊人成亚洲综合人网7777| 国产麻豆成人传媒免费观看| 美女又黄又免费的视频| 在线观看无码的免费网站| 亚洲ts人妖网站| 好吊妞788免费视频播放| 亚洲a无码综合a国产av中文| 韩国日本好看电影免费看| 特黄特色的大片观看免费视频| 亚洲精品国产V片在线观看| 中国黄色免费网站| 亚洲熟妇av一区| 日本一道高清不卡免费| 久久嫩草影院免费看夜色| 亚洲国产精品久久久久婷婷软件| 青青草a免费线观a| 国产成人高清亚洲一区91| 亚洲色成人WWW永久网站| 嫖丰满老熟妇AAAA片免费看| 精品在线免费视频| 亚洲成人精品久久| 国产最新凸凹视频免费| 中文字幕免费不卡二区| 亚洲精华国产精华精华液好用| 亚洲日韩一页精品发布|