当前位置:编程学习 > JS >>

JavaScript取得表单元素控件的位置

用JavaScript取得表单元素控件的位置,包括长、宽、顶部距离、左边距离等,用按钮激活JS函数,你可以把那个Alert提示去掉,不影响功能。
答案:<HTML>
<HEAD>
<TITLE>取得表单元素控件的位置</TITLE>
</HEAD>
<BODY>
<script language="javascript"> 
function getIE(e)
{ 
	var t=e.offsetTop; 
	var l=e.offsetLeft; 
	var w=e.offsetWidth;
	var h=e.offsetHeight;
	while(e=e.offsetParent)
	{ 
		t+=e.offsetTop; 
		l+=e.offsetLeft; 
	} 
	alert("top="+t+"\nleft="+l+"\nWidth="+w+"\nHeight="+h); 
}
</script>
<p><p>
<input type="button" onclick=alert('表单元素控件位置如下:');getIE(this); value="点此获取">
</BODY>
</HTML> 

上一个:用JS判断是否允许输入数字及一些特殊字符
下一个:禁止选择相同值的Select下拉列表

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,