<script type="text/javascript">

num=0;
function crearArea(obj) {
  num++;
                      //Creamos los datos del area
 

//Voy insertando los elementos a aprtir del objeto padre, un hermano, después seguido a éste otro hermano...y asi sucesivamente
  papa = obj.parentNode;
  hermano = obj.nextSibling;

  contenedor = document.createElement('div');
  contenedor.id = 'div'+num;
  if (hermano == undefined)
        papa.appendChild(contenedor)
               
  else
        papa.insertBefore(contenedor, hermano)



  txt = document.createElement('<br>');    // Meto un salto de línea
  contenedor.appendChild(txt);
 
  txt = document.createElement('<br>');    // Meto un salto de línea
  contenedor.appendChild(txt);
 
 
  txt = document.createTextNode('Nombre del área: ');         //Creamos el modulo       
  ele = document.createElement('input');
  ele.type = 'text';
  ele.size='40';
  ele.name = 'cNombreArea'+num;
  contenedor.appendChild(txt);
  contenedor.appendChild(ele);

  txt = document.createElement('<br>');    // Meto un salto de línea
  contenedor.appendChild(txt);
 
  txt = document.createElement('<br>');    // Meto un salto de línea
  contenedor.appendChild(txt);

  txt = document.createTextNode('  Horas totales del área: ');      //Creamos las horas del modulo
  ele = document.createElement('input');
  ele.type = 'text';
  ele.name = 'cHorasArea'+num;
  ele.size='5';
  contenedor.appendChild(txt);
  contenedor.appendChild(ele);
  txt = document.createElement('<br>');    // Meto un salto de línea
  contenedor.appendChild(txt);
  txt = document.createElement('<br>');    // Meto un salto de línea
  contenedor.appendChild(txt);

  txt = document.createTextNode('  Horas semanales del área: ');                        //Creamos las horas del modulo
  ele = document.createElement('input');
  ele.type = 'text';
  ele.name = 'cHorasSemanalesArea'+num;
  ele.size='5';
  contenedor.appendChild(txt);
  contenedor.appendChild(ele);
  txt = document.createElement('<br>');    // Meto un salto de línea
  contenedor.appendChild(txt);
  txt = document.createElement('<br>');    // Meto un salto de línea
  contenedor.appendChild(txt);
       
  ele = document.createElement('input');
  ele.type = 'button';
  ele.value = 'Borrar';
  ele.name = 'div'+num;
  ele.onclick = function () {borrar(this.name,obj)}
  contenedor.appendChild(ele);
 
 
}
function borrar(obj1, obj2) {
  papa = obj2.parentNode;
  papa.removeChild(document.getElementById(obj1));   
}

</script>