Javascript 动态增减元素

增加一个 减少一个

 

CODE:

<div style="width:270px;height:100px;border:1px solid green" id="one">
    <input type="file" style="margin-left:20px;margin-top:3px;" />
</div>
<a href="javascript:addControl()" style="margin:5px;font-size:12px">增加一个</a>
<a href="javascript:removeControl()" style="margin:5px;font-size:12px">减少一个</a>


<script>
    var odiv = document.getElementById("one");
    function addControl(){
        var obj = document.createElement("input");
        obj.type="file";
        obj.style.marginLeft="20px";
        obj.style.marginTop="3px";
        odiv.appendChild(obj);
    }

    function removeControl(){
        var count = odiv.getElementsByTagName("input").length;
        if(count<=1){
            alert("不能再删了,至少要保留一个!");
        }else{
            odiv.removeChild(odiv.lastChild);
        }
    }
</script>