JavaScript DHTML/Style Layout/Offset — различия между версиями

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

Версия 10:02, 26 мая 2010

"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=3870»