现在的位置: 首页 > 综合 > 正文

JS添加页面控件

2013年10月22日 ⁄ 综合 ⁄ 共 1001字 ⁄ 字号 评论关闭

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

     页面上需要一个放置新增控件的控件:<span id="moreFile"></span>,添加控件的按钮:<input type="button" id="bt1" onclick="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'/>&nbsp;&nbsp;&nbsp;";
        html 
+= "<input type='button' value='删除' class='btn1' onclick='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属性。效果图:   

抱歉!评论已关闭.