Chapter 8: Getwidth

by Stéphane Cabaret

HTML

<div id="canvas"></div>
<div id="output"></div>

CSS

#canvas {
    width: 100%;
    height: 300px;
    border: 1px solid #CCC;
}

JavaScript

var w = document.getElementById("canvas").offsetWidth;
document.getElementById("output").innerHTML = w;