usar variable en html

[jhus]

Creo que fallo al poner el codigo, no encuentro el fallo.
He probado a crear un script externo con el siguiente código:

barra= new Array
barra[1]="barra1"
barra[2]="barra2"
barra[3]="barra3"
barra[4]="barra4"
barra[5]="barra5"
barra_numero = (Math.round((Math.random()*4)+1));
barra_aleatoria=barra[barra_numero];
document.write("<hr id='barra_aleatoria'>");

y me sale el la barra <hr> pero sin color
sin embargo si yo añado al script esta linea

document.write(barra_aleatoria);

si me escribe el valor y hace bien el random.

no me coge la variable en la opcion id.

Estoy escribiendo algo mal en el código?