JavaScript DHTML/Style Layout/Offset

Материал из Web эксперт
Перейти к: навигация, поиск

"offsetHeight" 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.offsetHeight);">offsetHeight</button>
<button onclick="alert(myDiv.offsetWidth);">offsetWidth</button>
<button onclick="alert(myDiv.offsetLeft);">offsetLeft</button>
<button onclick="alert(myDiv.offsetTop);">offsetTop</button>
</body>
</html>



"offsetLeft" 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.offsetHeight);">offsetHeight</button>
<button onclick="alert(myDiv.offsetWidth);">offsetWidth</button>
<button onclick="alert(myDiv.offsetLeft);">offsetLeft</button>
<button onclick="alert(myDiv.offsetTop);">offsetTop</button>
</body>
</html>



"offsetTop" 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.offsetHeight);">offsetHeight</button>
<button onclick="alert(myDiv.offsetWidth);">offsetWidth</button>
<button onclick="alert(myDiv.offsetLeft);">offsetLeft</button>
<button onclick="alert(myDiv.offsetTop);">offsetTop</button>
</body>
</html>



"offsetWidth" 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.offsetHeight);">offsetHeight</button>
<button onclick="alert(myDiv.offsetWidth);">offsetWidth</button>
<button onclick="alert(myDiv.offsetLeft);">offsetLeft</button>
<button onclick="alert(myDiv.offsetTop);">offsetTop</button>
</body>
</html>
Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/Style_Layout/Offset&oldid=3871»