`
lovelium
  • 浏览: 18891 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

javascript取一个控件在网页中的位置

阅读更多

应一个网友的要求就帮他解决了一个问题。只是还没有完全搞定。这里总结一下相关控件的位置问题

var sTop;
function getXY(Obj){
 
  for(var sumTop = 0, sumLeft = 0; Obj != document.body; sumTop += Obj.offsetTop, sumLeft += Obj.offsetLeft, Obj=Obj.offsetParent);

  return {left:sumLeft,top:sumTop};

}

 ------------------------------------------------------------------------------------
问:js如何获取style.left属性
我的回答
<script>
function getPosleft(obj)                                    //得到相关TABLE的顶坐标----lovelium添加
{
var l = obj.offsetLeft;

alert(l);
}
</script>
<style>
body{}
.con1{border:1px solid #999;}
.item{font-weight:bold}
</style>
<div id="con1" class="con1">
    <div id="item1" class="item" onClick="getPosleft(this)">#item1</div>
</div>
分享到:
评论

相关推荐

    JavaScript日历控件 六种日历

    JavaScript日历控件是网页开发中常用的一种交互元素,它能帮助用户方便地选择日期,常见于表单输入、事件安排或时间相关的功能。在给定的资源中,包含了六种不同样式的JavaScript日历,这些日历可能具有不同的设计...

    c# asp.net 控制控件的坐标位置,更改控件坐标,后台改变前台CSS样式,top,left

    例如,你可以创建一个自定义CSS类,然后在后台代码中动态地将其添加到控件的`CssClass`属性上: ```csharp // 定义CSS类 public static string MyCustomStyle = "myCustomStyle { position: absolute; top: 50px; ...

    取MAC地址的网页控件OCX(MFC/ATL)源码

    【标题】"取MAC地址的网页控件OCX(MFC/ATL)源码"涉及到的核心技术是创建一个能够获取计算机硬件物理地址(MAC地址)的ActiveX控件,该控件可以在网页环境中使用。这通常是通过MFC(Microsoft Foundation Classes)...

    javascript 做的 树形展开控件

    在本文中,我们将深入探讨如何使用JavaScript构建一个树形展开控件,以及如何将其与Java后端和.NET平台相结合。 首先,让我们了解树形控件的基本概念。树形控件是一种用户界面元素,它以层级结构展示数据,通常用于...

    javascript 很好的时间控件

    在JavaScript中,创建一个时间控件涉及以下几个核心知识点: 1. **DOM操作**:为了在页面上显示和操作时间控件,我们需要对HTML文档对象模型(DOM)进行操作,包括创建元素、添加元素、删除元素以及更新元素内容等...

    javascript使用超简单的时间控件

    在这个场景中,我们讨论的是如何使用JavaScript创建一个简单的时间控件,用于选取日期和时间,支持年月日以及年月日时分秒的精确选择。 在HTML或JSP页面中,我们可以利用JavaScript来实现这样的功能。首先,我们...

    取控件或窗口的标题.rar

    这个函数接受一个窗口句柄作为参数,返回窗口的标题文本。开发者可以通过编程语言调用这些API,例如在C++中: ```cpp #include void GetWindowTitle(HWND hwnd, char* title) { int length = ...

    JavaScript网页拼音码生成控件

    在客户端实现生成字符串拼音简码的功能,并可对英语单词取首字母。只要在网页中加入.js文件,然后用getCharsCode(string)或getWordsCode(string)即可得到生成之后的简码。

    JavaScript日期控件02(日期选择器)

    在“JavaScript日期控件02(日期选择器)”这篇博文中,作者可能详细介绍了如何构建这样一个自定义日历,包括如何处理日期的计算(如获取上一个月或下一个月的日期),如何动态地创建和销毁日历元素,以及如何处理...

    Asp.net写的一个关于打印的自定义控件

    在这个案例中,我们的目标是创建一个能够方便用户进行打印操作的控件。这个控件可能包含了页面布局、样式调整以及预览等功能,以确保打印内容能够按照预期呈现。 1. 创建自定义控件: - 首先,我们需要创建一个新...

    pb11.5 嵌入ole控件web browser 通过html页面打开窗口

    在PB11.5(PowerBuilder 11.5)中,嵌入OLE控件Web Browser是一种常见的技术,用于在应用程序内部展示网页内容并实现与网页的交互。本主题将详细探讨如何使用此功能,以及如何通过HTML页面的链接来控制窗口的打开。 ...

    openlayers图层开关控件

    OpenLayers 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。它支持多种地图服务,包括WMS、WMTS等,并且兼容多种数据格式。"图层开关控件"是OpenLayers中的一个重要功能,它允许用户方便地切换...

    js时间控件(多种)

    JavaScript时间控件是一种在网页上实现用户交互式时间选择功能的工具。它们通常以日历、滑块或下拉菜单的形式出现,使用户能够方便地输入或选择日期和时间。在网页开发中,js时间控件是提升用户体验的重要组件,尤其...

    简单调用上个页面的控件

    在网页开发中,有时我们需要在不同的页面之间传递信息或者操作状态,例如从第一个页面提交数据到第二个页面,并期望第二个页面能够直接对第一个页面的控件进行操作。这通常涉及到跨页面通信、JavaScript对象持久化...

    纯js日期控件,使用简单

    本教程将详细讲解一个基于纯JavaScript实现的日期控件,其特点在于使用简单,无需依赖任何外部库。 1. **纯JavaScript实现** 这个日期控件完全由JavaScript编写,不依赖jQuery或其他JavaScript框架,这使得它在...

    ASP中对于时间选择控件的使用

    在“ASP中对于时间选择控件的使用”这一主题中,我们将探讨如何实现在网页上方便地选择时间,而无需每次操作都触发服务器请求。以下是一些关键知识点的详细说明: 1. **前端时间选择控件**:在客户端,我们可以使用...

    3种JS时间控件例子

    Calenda是一款基于JavaScript的时间控件,它提供了一个用户友好的界面,用于选择日期。Calenda的特点可能包括可自定义的样式、多语言支持、日期范围限制以及与各种表单元素的兼容性。使用Calenda时,开发者通常需要...

    日期控件,EXt、My97

    EXT是一个流行的JavaScript框架,全称为EXT JS,用于构建富客户端Web应用。EXT的日期控件以其蓝色皮肤闻名,它提供了一种专业且现代的界面。EXT JS的日期选择器通常与EXT Form组件一起使用,可以轻松地集成到EXT应用...

    JavaScript分页控件1.0(page-navigater_V_1.0.0.zip)

    以前写的分页控件都是和相关技术有关的,这是一个JavaScript写的分页控件,与服务器端的技术,如ASP,ASP.NET,PHP,JSP等无关,只需要在相应的地方输出信息即可; &lt;br&gt;调用方式: 用动态Web语言在HTML界面上...

    带时间的JS日期输入控件

    总的来说,"带时间的JS日期时间输入控件"是网页开发中的一个重要组成部分,它结合了JS的动态特性和日期时间选择的实用功能,为用户提供了一种便捷的交互方式。通过深入理解这个控件的原理和使用方法,开发者可以更好...

Global site tag (gtag.js) - Google Analytics