HTML标签的尺寸与位置
<html>
<head>
<title>访问HTML元素的位置和尺寸</title>
<script language="JavaScript">
function showPosition(){
alert("left:" + myP.offsetLeft + " top:" +myP.offsetTop);
}
function showSize(){
alert(myP.offsetHeight + " X " +myP.offsetWidth);
}
function showParent(){
alert(myP.offsetParent.tagName);
}
function viewElement(){
var objEle = document.all.tags("P");
if (objEle.length > 4 )
objEle(3).scrollIntoView(true);
}
</script>
</head>
<body id="myBody">
<h2>访问HTML元素的位置和尺寸</h2>
<hr>
<p id="myP" align="left">访问HTML元素的位置和尺寸</p>
<form>
<input type="button" onclick="showPosition()" value="元素位置">
<input type="button" onclick="showSize()" value="元素尺寸">
<input type="button" onclick="showParent()" value="显示父元素">
<input type="button" onclick="viewElement()" value="显示段落">
</form>
<p align="left">访问HTML元素的位置和尺寸1</p>
<p align="left">访问HTML元素的位置和尺寸2</p>
<p align="left">访问HTML元素的位置和尺寸3</p>
<p align="left">访问HTML元素的位置和尺寸4</p>
<p align="left">访问HTML元素的位置和尺寸5</p>
</body>
</html>
