태그 추가 삭제

<script type="text/javascript">
  function createInput(){
   var resultSpan   = document.getElementById("div_inputOwner");
   var inputTag   = document.createElement("input");
   var brTag    = document.createElement("br");
   var deleteBtn   = document.createElement("button");

   inputTag.type   = "text";
   inputTag.name   = "scrNamef";

   deleteBtn.onclick  = function () {
           this.parentElement.removeChild(this);
           $("#div_inputOwner input:last").remove();   //마지막 input 태그 제거
           $("#div_inputOwner br:last").remove();    //마지막 br 태그 제거
          };

   resultSpan.appendChild(inputTag);
   resultSpan.appendChild(brTag);
   resultSpan.appendChild(deleteBtn);
   resultSpan.appendChild(brTag);
  }

</script>

 

 

     <div id="div_inputOwner">
      <input type="button" value="추가" onclick="createInput()"><br> 
     </div>