¿Cómo puedo cambiar un valor en el atributo de estilo con JavaScript?

Question

Tengo una div definido con un atributo de estilo:

<div id="div1" style="width:600;height:600;border:solid 1px"></div> 

¿Cómo puedo cambiar la altura de la div con JavaScript?

Answer 1

<script type="text/javascript"> 
function changeHeight(height) 
{ 
    document.getElementById("div1").style.height = height + "px"; 
} 
</script> 

Answer 2

Aquí es cómo puede ser que mire con jQuery:

<div id="div1" style="width:600;height:600;border:solid 1px"></div> 
<a href="#">Change height to 300</a> 

<script type="text/javascript"> 
    $(function() { 
     $('a').click(function() { 
      $('#div1').css('height', '400px'); 
      return false; 
     }); 
    }); 
</script> 

Answer 3

document.getElementById("div1").style.height = height + "px"; 

Answer 4

var d = document.getElementById("div1"); 
d.style.height = "300px"; 

Answer 5

Basta con sustituir su comentario con:

node.style.height = altura;

Oh, no estoy seguro si de paso 300 a su función será hacer que funcione, tal vez usted tiene que pasar "300px", como se sugiere en los otros puestos ...

Answer 6

A juzgar por su código de ejemplo que es usando el marco dojo. Cambio de altura en el dojo se haría con algo similar a lo siguiente:

dojo.style("div1", "height", 300); 

http://api.dojotoolkit.org/jsdoc/dojo/1.2/dojo.style

Answer 7

En dojo, que lo haría así:

que tiene las unidades de la altura es importante, como mentioned in the docs.