JavaScript - Capas DIV en javascript

Estoy experimentando un poco con las capas en HTML (<DIV>). Me gustaría poder, a través de javascript, modificar el atributo z-index de una capa en concreto para pasarla arriba en el momento en el que hago click sobre ella.

He probado con:

document.getElementById("capa1").style.z-index=2;
document.getElementById("capa2").style.z-index=1;

pero no chuta.

Alguien sabe como se hace?

Muchas gracias.

document.getElementById("capa2").style.zindex=1;