JS添加页面控件

最新推荐文章于 2024-02-06 08:14:42 发布

Lisliefor

最新推荐文章于 2024-02-06 08:14:42 发布

阅读量5.7k

点赞数

分类专栏： JavaScript与流行JS框架文章标签： button html input bt class file

本文链接：https://blog.csdn.net/Lisliefor/article/details/2326489

版权

JavaScript与流行JS框架专栏收录该内容

29 篇文章 0 订阅

订阅专栏

实现没有什么技术含量，有兴趣的朋友往下看。

页面上需要一个放置新增控件的控件：<span id="moreFile"></span>，添加控件的按钮：<input type="button" id="bt1" οnclick="addFile()" value="更多文件" />

然后，就是两个JS：

< script type = " text/javascript " >
     function addFile()
    {
         var mf = document.getElementById( " moreFile " );

         var html = " <span style='height:30px'><input type='file' name='FileSelect' style='width:470px'/>    " ;
        html += " <input type='button' value='删除' class='btn1' οnclick='deleteFile()'/></span><br/> " ;

        mf.innerHTML += html;
    }

     function deleteFile()
    {
         var mf = document.getElementById( " moreFile " ).innerHTML;

        mf = mf.substring( 0 , mf.lastIndexOf( " < " ));
        mf = mf.substring( 0 , mf.lastIndexOf( " < " ));
        mf = mf.substring( 0 , mf.lastIndexOf( " < " ));
        mf = mf.substring( 0 , mf.lastIndexOf( " < " ));
        mf = mf.substring( 0 , mf.lastIndexOf( " < " ));

        document.getElementById( " moreFile " ).innerHTML = mf;
    }
</ script >

利用了innerHTML属性。效果图：