Change the element width in Javascript
Description
The following code shows how to change the element width in Javascript.
Example
<!DOCTYPE html>
<html>
<body>
<div id="div1">This is a DIV element. Click me to see the change.
</div><!--from w w w .j av a 2s . c o m-->
<script type="text/javascript">
var div = document.getElementById("div1");
div.style.backgroundColor = "#00f";
div.style.width = "500px";
div.style.color = "#fff";
div.style.height = "200px";
div.style.paddingLeft = "50px";
div.style.paddingTop = "50px";
div.style.fontFamily = "Verdana";
div.style.fontSize = "2em";
div.style.borderLeft = "3px dashed #ff0";
div.style.position = "absolute";
div.style.left = "20px";
div.style.top = "10px";
div.style.textDecoration = "underline";
</script>
</body>
</html>