How can I change one value in style attribute with JavaScript?

javascript dojo
David.Chu.ca picture David.Chu.ca · Mar 25, 2009 · Viewed 17.7k times · Source

I have a div defined with a style attribute:

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

How can I change the height of the div with JavaScript?

Answer

Sebastian Celis picture Sebastian Celis · Mar 25, 2009 
<script type="text/javascript">
function changeHeight(height)
{
   document.getElementById("div1").style.height = height + "px";
}
</script>

Related questions

how to reset scroll position in a div using javascript

I am working on a mobile hybrid application. In my html page, I have 3 tabs. When clicking a tab, the content of the scrollable div gets changed. My problem is when I scroll down the content of div (view) and …

Read More
JavaScript simulate right click through code

I am writing some UI tests using Selenium and i have a JavaScript Tree control, using the Dojo toolkit. I have implemented a context menu for each node of the tree using the examples that Dojo provide, but I need …

Read More
How do I dynamically show and hide an entire TabContainer using DOJO?

DOJO seems to have some quirks here. I specifically need to have the TabContainer hidden when the page loads, but then become visible after the user clicks a button. The first thing I tried is setting style.display = "none" to …

Read More