<script>
var qtdLinha= 0;
function addLinha() {
  
  var tbl = document.getElementById("tab");
  var novaLinha = tbl.insertRow(-1);
  novaLinha.id= "LINHA"+qtdLinha;
  novaLinha.style.backgroundColor= "#DDDDDD";
  
  var novaCelula;
  
  novaCelula = novaLinha.insertCell(0);
  novaCelula.innerHTML= "<input type='text'>";
  
  novaCelula = novaLinha.insertCell(1);
  novaCelula.align = "left";
  novaCelula.innerHTML= "<a href='javascript:removerLinha("+qtdLinha+")'>Ex</a>";
  
  qtdLinha++;
}

function removerLinha(posCampo) {
  var tabela= document.getElementById("tab");
  
  var campo= document.getElementById("LINHA"+posCampo);
  var posicao= campo.rowIndex;
  
  tabela.deleteRow(posicao);
}

</script>

<a href="javascript:addLinha()">Add</a>
<table id="tab" width="500" border="1">
  <tr>
    <th>Nome:</th>
    <th>Excluir</th>
  </tr>
  <tbody id="tBody-lista">
  </tbody>
</table>