javascript - hoja - obtener el valor de un atributo js

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

Question

Tengo un 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 del div con JavaScript?

Answer 1

A juzgar por su código de ejemplo, está usando el marco dojo. Cambiar la 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 2

Simplemente reemplace su comentario con:

node.style.height = height;

Oh, no estoy seguro de si pasar 300 a su función lo hará funcionar, quizás tendrá que pasar "300px" como se sugiere en las otras publicaciones ...

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

Así es como podría verse 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 7

En dojo, lo harías así:

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

Tener las unidades en la altura es importante, como se menciona en los documentos .