标签元素的宽高值获取
Obj.offsetWidth    //绝对宽度 
Obj.offsetHeight  //绝对高度

Obj.offsetLeft  //相对于自己的offsetParent元素的位置

Obj.clientLeft   //和客户区域的实际左边之间的距离

Obj.scrollLeft  //返回和设置当前横向滚动务的坐标值

下面是我做的例子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
    <style type="text/css">
        #tanchu_div
        {
            position: relative;
        }
        #ttt
        {
            position: absolute;
            display: none;
            top: 0;
            background-color: ActiveBorder;
        }
    </style>

<script type="text/javascript">
   
    function t(){
   
      
     var my_Width = document.getElementById("aaa").offsetWidth  ;
     var b =  document.getElementById("aaa").offsetLeft;
        my_Width = my_Width + b; 
           document.getElementById("ttt").style.left = my_Width+10 + 'px';
           document.getElementById("ttt").style.position = 'absolute';//"asd"就是要绝对定位的div的id。
           document.getElementById("ttt").style.zIndex = '999';
           document.getElementById("ttt").style.display="block";
  
    }
   
    </script>

</head>
<body>
    11000120121212
    <br />
    11000120121212 11000120121212 11000120121212 11000120121212 11000120121212 11000120121212
    11000120121212 11000120121212
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <div id="tanchu_div" style="left: 100px">
        11000120121212110001201212121100012012121211000120121212<a id="aaa" οnclick="t();"
            href="#">弹出 </a>
        <div id="ttt">
            dsdjvdjdv哈哈snjd vsjdsvj2335121211
            <br />
            dsdjvdjdvsnj
            <br />
            dvsjdsvj2335121211
            <br />
            dsdjvdjdvsnjd
            <br />
            vsjdsvj2335121211
            <br />
            dsdjvdjdvsnjd
            <br />
            vsjdsvj2335121211
            <br />
            dsdjvdjdvsnjdvsjdsvj2335121211
            <br />
            dsdjvddvsnjd
            <br />
            vsjdsvj2335121211
            <br />
            dsdjvdjdvsnjd
            <br />
            vsjdsvj2335121211
            <br />
            dsdjvdjdvsnj
            <br />
            dvsjdsvj2335121211
            <br />
            dsdjvdjdvsnjd
            <br />
            vsjdsvj2335121211
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
        </div>
    </div>
    sdsfsefsfsdfs fdsfsdfsdfsdfsd fsdfdsfsdfsdfsfdss
    <br />
    sdsfsefsfsdfs fdsfsdfsdfsdfsd fsdfdsfsdfsdfsfdss sdsfsefsfsdfs fdsfsdfsdfsdfsd fsdfdsfsdfsdfsfdss
    sdsfsefsfsdfs fdsfsdfsdfsdfsd fsdfdsfsdfsdfsfdss sdsfsefsfsdfs fdsfsdfsdfsdfsd fsdfdsfsdfsdfsfdss
    sdsfsefsfsdfs fdsfsdfsdfsdfsd fsdfdsfsdfsdfsfdss sdsfsefsfsdfs fdsfsdfsdfsdfsd fsdfdsfsdfsdfsfdss
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
</body>
</html>

javascript获取对象高度和宽度(整理)相关推荐

  1. javascript 获取滚动条高度+常用js页面宽度与高度

    javascript 获取滚动条高度+常用js页面宽度与高度/ ********************* 取窗口滚动条高度****************** / function getScrol ...

  2. js 获取浏览器高度和宽度值

    IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.d ...

  3. 不同浏览器JS获取浏览器高度和宽度

    摘自:http://blog.csdn.net/lai_gb/archive/2009/07/04/4320956.aspx IE中: document.body.clientWidth ==> ...

  4. js 获取浏览器高度和宽度值(多浏览器)

     IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 documen ...

  5. java中如何设置浏览器宽度_[Java教程]关于JS中获取浏览器高度和宽度值的多种方法(多浏览器)_星空网...

    关于JS中获取浏览器高度和宽度值的多种方法(多浏览器) 2017-08-07 0 三种浏览器获取值方法 IE中: document.body.clientWidth ==> BODY对象宽度 d ...

  6. js 获取浏览器高度和宽度值(兼容多浏览器)

    IE中:  document.body.clientWidth ==> BODY对象宽度  document.body.clientHeight ==> BODY对象高度  documen ...

  7. 使用普通JavaScript获取div高度

    本文翻译自:Get div height with plain JavaScript Any ideas on how to get a div's height without using jQue ...

  8. 编辑器js获取浏览器高度和宽度值(转)

    js获取浏览器高度和宽度值 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: docume ...

  9. javascript获取屏幕的可用宽度和高度

    说明 获取屏幕的可用宽度和高度 示例 <!DOCTYPE html> <html> <head><meta charset="utf-8" ...

最新文章

  1. Html之head部分详解
  2. 「HDU6158」 The Designer（圆的反演）
  3. 阿里云今日发布数据库产品HybridDB
  4. c语言程序不用编译即可被计算机识别运行,2011秋华农c语言试卷
  5. 推荐：Java性能优化系列集锦
  6. Eclipse Memory Analyzer分析内存使用总结
  7. Tokyo cabinet HDB– 初始化
  8. java语言基础02
  9. 寻找亚马逊测评师邮箱_你真的会精细化运营吗？毫无保留地分享亚马逊运营小技巧，月入过万不是事...
  10. MATLAB获取系统时间
  11. 在Struts2中实现登陆后跳转到登录前页面
  12. Hive窗口函数保姆级教程
  13. vb mysql数据库连接,VB连接Mysql数据库
  14. 4x4矩阵键盘c语言程序,C语言矩阵键盘程序
  15. C# 实现DES加密解密
  16. 【CodeVS4093】EZ的间谍网络
  17. 豆瓣高分电影信息分析（数据分析）
  18. JAVA线程中的sleep()、wait()、yield()、join()作用
  19. PS裁剪图片上任意形状区域
  20. TWaver GIS制作穹顶之下的雾霾地图

热门文章

  1. 算数计算机在线应用,数学计算器
  2. 广日电梯主板灯说明_日立电梯HGP主板说明和电子部件识别
  3. python输出字符串拼接数字_python实现字符串和数字拼接
  4. android markdown 框架,Android Studio MarkDown风格README的正确打开姿势
  5. python如何寻找两个相似的文件_如何计算两个文档的相似度（二）
  6. java record用法_JDBM学习八（Record）
  7. window python环境搭建_Python入门-环境搭建详解(Window平台)
  8. python实验报告_20183122 实验一《Python程序设计》实验报告
  9. 系统学习NLP（十七）--文本相似度
  10. 2022年考研数据结构_5 树