Hola, tengo un problema con el código de abajo, en
Firefox funciona bien, pero no en
IE. La función agregar va bien, pero no la de borrar, solo funciona con el primer elemento (el que ya esta en el div) pero luego no puede borrar ninguno más.
Cómo lo puedo solucionar?
Código HTML:
<html>
<head>
<script>
var cont = 2;
function agregarContrato() {
var input = document.createElement("input");
var img = document.createElement("img");
var br = document.createElement("br");
img.setAttribute("src", "no.png");
img.setAttribute("onclick", "borrar("+cont+")");
img.setAttribute("id", cont+".a");
br.setAttribute("id", cont+".b");
input.setAttribute("type", "text");
input.setAttribute("name", "contrato[]");
input.setAttribute("id", cont);
document.getElementById("contratos").appendChild(input);
document.getElementById("contratos").appendChild(img);
document.getElementById("contratos").appendChild(br);
cont++;
}
function borrar(id){
var input =document.getElementById(id);
var img =document.getElementById(id+".a");
var br = document.getElementById(id+".b");
var padre = input.parentNode;
padre.removeChild(input);
padre.removeChild(img);
padre.removeChild(br);
}
</script>
</head>
<body>
<div id="contratos"><input type="text" id="1" /><img src="no.png" onclick="borrar(1);" id="1.a"><br id="1.b" />
</div>
<a href="#" onclick="javascript:agregarContrato();">Agregar</a>
</body>
</html>
Muchas gracias.