javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]第2/2页

更新时间：2009年05月22日 00:00:59 作者：

该方法已经不再是IE Only了，FF3.0+和Opera9.5+已经支持了该方法，可以说在获得页面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。

下面是另外一个例子

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript getBoundingClientRect</title> </head> <body> <table width="200" border="1"> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td><table width="362" border="1"> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td height="135">&nbsp;</td> <td>&nbsp;</td> <td><table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#0000FF" id="aa" style="border-collapse:collapse;"> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table></td> <td>&nbsp;</td> </tr> </table></td> </tr> </table> <script language="javascript"> //alert(aa.getBoundingClientRect()["right"]); alert(aa.getBoundingClientRect().right); for (var i in aa.getBoundingClientRect()){ document.writeln(i+"="+aa.getBoundingClientRect()[i]); } </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一页 12阅读全文

您可能感兴趣的文章:

getBoundingClientRect

JavaScript中使用stopPropagation函数停止事件传播例子
这篇文章主要介绍了JavaScript中使用stopPropagation函数停止事件传播例子,即阻止事件冒泡的一个方法,需要的朋友可以参考下
2014-08-08
使用正则替换变量
使用正则替换变量...
2007-05-05
JS实现音乐钢琴特效
这篇文章主要为大家详细介绍了JS实现音乐钢琴特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-01-01
详解js中Json的语法与格式
本文详细介绍了js中Json的语法与编写格式，有需要的朋友可以看下
2016-11-11
Z-Blog中用到的js代码
Z-Blog中用到的js代码...
2007-03-03
javascript将数组插入到另一个数组中的代码
下面的代码主要功能就是将数组arr2插入到数组arr1的index位置，需要的朋友可以参考下
2013-01-01
微信小程序之电影影评小程序制作代码
这篇文章主要为大家详细介绍了微信小程序之电影影评小程序制作代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
JS获取各种浏览器窗口大小的方法
本篇文章主要是对JS 获取各种浏览器窗口大小的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-01-01
js获取当前时间(昨天、今天、明天)
这篇文章主要介绍了js获取当前时间，一种是获取昨天、今天、明天的准确时间，一个精确到时分秒,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
webpack独立打包和缓存处理详解
这篇文章主要介绍了webpack独立打包和缓存处理的相关资料，文中介绍的非常详细，对大家学习webpack具有一定的参考价值，需要的朋友们下面来一起看看吧。
2017-04-04