getDocumentById dos veces??

[Alun]

Hola, gente:

A ver, estoy intentando capturar el estilo css de un botón que está dentro de un form, y aplicarle el estilo contenido en una variable, tal que así:

Código Javascript:

var ancho=screen.width; 
var aleat=Math.round(Math.random()*(ancho-1))+1;
document.getElementById('juego').getElementById('parar').style.marginLeft=aleat;
 

Y aquí el html:

Código HTML:

<div id="juego" name="n_juego">
 		<input type="button" id="parar" name="parar" value="Rápido, púlsame!!" onClick="parar();"> 

Con esto, pretendo colocar un botón en un punto aleatorio del eje X de la pantalla, que, al ser pulsado, llame a otra función ( parar() ).

Mi pregunta es si puedo usar dos veces en la misma línea getdocumentbyid, ya que, de momento, no me hace nada, y, en caso de no poder, cómo puedo acceder a ese botón.

Gracias!

[zerokilled]

en una expresion no puedes usarlo mas de dos veces. mas bien porque la funcion devuelve en elemento y dicho elemento no hereda la funcion getElementById. getElementById es una funcion exclusiva del objeto document. aparte, no hace sentido. ¿por que primero obtener la referencia del elemento #juego y luego tomar la de #parar pudiendo tomar directamente #parar?

[Alun]

Entonces... puedo acceder directamente al botón sin recorrer la jerarquía entera del DOM de esta forma?:

Código Javascript:

getdocumentbyid('parar').style.marginLeft=aleat;
 

Aunque, igualmente, lo acabo de probar, y el botón sigue apareciendo en el mismo sitio que antes, pegado al margen izquierdo de la pantalla. ¿Cómo puedo hacer que aparezca aleatoriamente en un punto del eje horizontal?

Muchas gracias por tu respuesta

[zerokilled]

recuerda que estas modificando una propiedad css. en css la mayoria de los valores numericos requieren unidades asi como pixeles, pulgadas, centimetros, etc. en tu caso no le estas asignando ninguno. cuando asignes el valor concatena la variable con la unidad que deseas emplear. por ejemplo, aleat + "px";. por otro lado y espero que sea simple despiste, fijate que en el ultimo codigo has escrito getdocumentbyid. no existe tal funcion, deberia ser document.getElementById. tambien debes mostrar atencion a las mayusculas y minusculas ya que javascript son sensible a ellas.

[Alun]

UPS, bueno, aquí sí fue un fallo (porque llevo toda la tarde escribiendo la misma expresión de todas las formas posibles, y lo escribí a mano en vez de copiar), igual que me ha pasado en el título, que me acabo de dar cuenta, pero el código lo tengo bien, con getElementById.

He probado a concatenar con la unidad 'px' y 'em', y tampoco, sigue apareciéndome pegado al margen izquierdo. La cosa es que conseguí hacerlo con jQuery, pero es una práctica, y no me dejan usarlo, y con solo JS no consigo que me salga.

[zerokilled]

jeje, no me habia fijado del titulo! ¿que te puedo decir? no creo que ahi es donde tengas tu problema. acabo de hacer un ejemplo y me funciona. fijate que en cada carga me posiciona el boton en diferentes distancia.

Código:

<div id="juego" name="n_juego">
 		<input type="button" id="parar" name="parar" value="Rápido, púlsame!!" onClick="parar();">
</div>
<script>
var ancho=screen.width;
var aleat=Math.round(Math.random()*(ancho-1))+1;
document.getElementById('parar').style.marginLeft=aleat+"px";
</script>

[Alun]

Vaya! He probado este que has hecho tú y sí me anda bien =)

Muchas gracias, zerokilled.