actualizar dato al borrar un elemento

[jandrogdz]

Buenas foro

Alguien sabe como se puede actualizar un dato al eliminar un elemento.
Estoy creando un formulario dinámico con JAVASCRIPT y crea perfectamente los elementos que necesito, mi problema es que si creo tres div y elimino el segundo los id's se quedan como 1 y 3 cuando el 3 debería de actualizarse a 2 alguien sabe como hacer esto:

Código Javascript:

num=0;
function crear(obj) {
  num++;
  fi = document.getElementById('detalle');
  contenedor = document.createElement('div');
  contenedor.id = 'div'+num;
  fi.appendChild(contenedor);
 
  var lista = document.createElement('select'); 
    lista.name = "unidad"+num;
    var op0 = new Option("",""); 
    var op1 = new Option("Paquete", "Paquete"); 
    var op2 = new Option("Pieza", "Pieza"); 
    var op3 = new Option("Servicio", "Servicio"); 
    var op4 = new Option("No aplica", "No aplica"); 
    lista.appendChild(op0);  
    lista.appendChild(op1); 
    lista.appendChild(op2); 
    lista.appendChild(op3);  
    lista.appendChild(op4);  
    contenedor.appendChild(lista);  
  
  ele = document.createElement('input');
  ele.type = 'text';
  ele.name = 'cantidad'+num; 
  contenedor.appendChild(ele);
  
  ele = document.createElement('input');
  ele.type = 'text';
  ele.name = 'precio'+num;
  contenedor.appendChild(ele);
  
  ele = document.createElement('input');
  ele.type = 'text';
  ele.name = 'cantidad'+num;
  contenedor.appendChild(ele);
  
  ele = document.createElement('input');
  ele.type = 'button';
  ele.value = 'Borrar';
  ele.name = 'div'+num;
  ele.onclick = function () {borrar(this.name)}
  contenedor.appendChild(ele);
}
function borrar(obj) {
  num--;
  fi = document.getElementById('detalle');
  fi.removeChild(document.getElementById(obj));
}
 

De antemano muchas gracias.