javascript的offsetTop[Left]获得左和上距离 clientWidth,offsetWidth
2016-06-08 13:45
627 查看
<!doctype html> <html> <head> <meta charset="utf-8"> <title>javascript的offsetTop[Left]获得左和上距离</title> <style> #div1 { width:1000px; height:500px; background-color:#7A7A7A; margin:0px auto;} #div2 { width:800px; height:300px; background-color:#F54F52;margin:0px auto; } #div3 { width:500px; height:100px; background-color:#3D9F48;margin:0px auto;} </style> <script> window.onload = function(){ var Div1 = document.getElementById('div1'); var Div2 = document.getElementById('div2'); var Div3 = document.getElementById('div3'); //alert(Div1.clientWidth); //可视区宽 + padding //alert(Div1.offsetWidth); //占位宽 + padding + border //alert(Div3.offsetTop); //alert(Div3.offsetLeft); //alert(Div3.offsetTop); //alert(Div3.offsetTop); } </script> </head> <body> <div id="div1"> <div id="div2"> <div id="div3"></div> </div> </div> </body> </html>
相关文章推荐
- JSONP原理及简单实现
- JavaScript 随机数记录demo
- JavaScript 排序demo
- ActiveX异步回调JavaScript(通过事件方式)
- JavaScript 组数去重demo
- C# JSon转换
- 理解闭包 js回收机制
- js公有、私有、静态属性和方法的区别
- [转]js中的逻辑与(&&)和逻辑或(||)
- 取余运算符 (%)
- JSON页面间传值问题
- javascript防篡改对象
- Javascript必知必会(四)js类型转换
- 【JavaScript】——兼容浏览器的居中显示+关闭页面
- 使用 Jsoup 爬虫解析 html 新闻的实例
- JavaScript必知必会(三) String .的方法来自何方
- 《JavaScript DOM 编程艺术》读书笔记
- JavaScript必知必会(二) null 和undefined
- js滚动失效
- JavaScript必知必会(九)function 说起 闭包问题