Client Width Example : Client « Style Layout « JavaScript DHTML

Client Width Example

    
<html>
<body>
<div id="myDiv" 
     style="position:absolute; 
            left:150; 
            top:100; 
            width:400; 
            height:200; 
            background-color:blue;">
</div>
<button onclick="alert(myDiv.clientHeight);">clientHeight</button>&nbsp;
<button onclick="alert(myDiv.clientWidth);">clientWidth</button>&nbsp;
<button onclick="alert(myDiv.clientLeft);">clientLeft</button>&nbsp;
<button onclick="alert(myDiv.clientTop);">clientTop</button>
<br>
<br>
</body>
</html>

Related examples in the same category

1.	Client Height
2.	'clientX' Example
3.	Client Y Example
4.	Client Top
5.	Client Left Example