JavaScript DHTML/Style Layout/Offset
Содержание
"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>