dúvida Inserção/remoção dinâmica de Inputs com javascript

Front-end
#1

Galera oq eu quero eh um serviço q muitos sites de e-mail provêêm quando se quer adicionar um numero de anexos, na medida q eu vou clicando num botão ‘+’ um novo input eh criado para o cliente digitar mais uma informação, isso eu já consigo fazer.

O problema eh q eu quero colocar também um botão pra ele remover o último input aí eh q surge o problema… no IE o atributo ‘onclick’ do botão ‘-’ dinamicamente criado parece não ser “visto”.

Vejam soh o código aqui:


<script type="text/javascript">
var idA = 1;

function newInputA(){
	var newInput = document.createElement("input");
	newInput.setAttribute("id", idA+"a" );
	var lineBreak = document.createElement("br");
	var input = document.getElementById((idA-1)+"a");
	var inputParent = input.parentNode;
	inputParent.insertBefore(newInput, input.nextSibling);
	inputParent.insertBefore(lineBreak, newInput);
	
        //AQUI SE CRIA O BOTÃO '-'
	if (idA==1) {
		var newButton = document.createElement("input");
		newButton.setAttribute("id","buttonDelA");
		newButton.setAttribute("type","button");
		newButton.setAttribute("value","-");
		newButton.setAttribute("style","color: green");
		newButton.setAttribute("onclick","document.write(\"aaaaa\");"); //aparentemente ele não está acessando isso
		var button = document.getElementById("buttonA"); //pega o botão '+'
		button.parentNode.insertBefore(newButton,button.nextSibling); //insere o botão '-' depois do botão '+'
	}*/
			
	++idA;
}
</script>
#2