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>

Click to view the demo





















Home »
  Javascript »
    Javascript Reference »




Array
Canvas Context
CSSStyleDeclaration
CSSStyleSheet
Date
Document
Event
Global
History
HTMLElement
Input Element
Location
Math
Number
String
Window