javascript获取元素距离网页的left距离

原创 2012年03月28日 10:20:52
<!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 runat="server">
    <title>test</title>
    <link href="Styles/Site.css" type="text/css" />
    <style type="text/css">
        *{ margin:0; padding:0; }
        #div1{ width:500px; height:500px; margin:100px; position:relative; background-color:#CCCCCC; }
        #div2{ width:300px; height:300px; position:absolute; left:30px; background-color:#0099ff;}
        #div3{ width:100px; height:100px; position:absolute; left:30px; background-color:Red; }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            var left = 0; //存放left值
            var obj = document.getElementById("div3");
            while (obj) { //如果这个obj存在的话
                left = parseInt(left) + obj.offsetLeft;
                obj = obj.offsetParent; //obj变成自己的parent,一层一层向上循环累加left的值,直到obj不存在
            }
            document.getElementById("div3").innerHTML = left;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div id="div1">
            <div id="div2">
                <div id="div3">
                    0
                </div>
            </div>
        </div>
    </form>
</body>
</html>


新博客已移至:http://keenwon.com

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

HDU:4707 Pet(并查集+某元素到根节点的距离计算)

Pet Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Subm...

已知元素从小到大排列的两个数组x[]和y[],请写出一个程序算出两个数组彼此之间差的绝对值中最小的一个,这叫做数组的距离

/* * Copyright (c) 2014, 烟台大学计算机学院 * All rights reserved. * 作 者:王颖 * 完成日期:2014 年 2 月 16 日 * 版 本 号...

POJ 1988 Cube Stacking(并查集+求距离+连通块中元素个数)

题目链接:http://poj.org/problem?id=1988 Cube Stacking Time Limit: 2000MS Memory Limit: 30000K To...

JavaScript获取网页中HTML元素的几种方法分析

举个例子:   网页陶吧   同一页面内的引用方法:   1、使用id:   link1.href,返回值为http://homepage.yesky.com   2、使用name:   ...

arcgis api for javascript 距离与面积量算

距离量算跟面积量算完整版

ArcGIS.Server.9.3和ArcGIS API for JavaScript实现距离量算和面积量算(九)

原址:http://www.cnblogs.com/hll2008/archive/2008/12/03/1347112.html 目的: 1.ArcGIS.Server.9.3和ArcGIS A...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)