style.left,offsetLeft相对于容器的位置控制

如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,
这同offsetLeft是相同的,区别在于:
1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,
还用offsetLeft比较方便。
2. style.left是读写的,offsetLeft是只读的,所以要改变div的位置,只能修改style.left。
3. style.left的值需要事先定义,否则取到的值为空。而且必须要定义在html里,我做过试验,如果定义在
css里,style.left的值仍然 为空,这就是我刚开始碰到的问题,总是取不到style.left的值。

offsetLeft则仍然能够取到,无需事先定义div的位置。

时间: 2025-01-21 19:58:12

style.left,offsetLeft相对于容器的位置控制的相关文章

HTML教程-位置控制

教程|控制 通过ALIGN属性可以选择文字或图片的对齐方式,LEFT表示向左对齐,RIGHT表示向右对齐,CENTER表示居中.基本语法如下: <DIV ALIGN=#> #=left/right/center 例: <html><head><title>位置控制</title></head> <body><div align=left>你好!<br><div align=right>你

.net response.write 位置控制

问题描述 在写一个自动考试系统的自动生成试卷中,从数据库中读出该试卷所有题型,在前端输出相应的试题,试题已从数据库中读出放在datatable中,但是不同的题输出的时候格式不一样,我用response.write是,位置控制不了,请问该如何做? 解决方案 解决方案二:<divid="content"runat="server"></div>CS文件中content.innerhtml="<table><tr>

document.write()及其输出内容的样式、位置控制_javascript技巧

JS中的最基本的命令之一:document.write(),用于简单的打印内容到页面上,可以逐字打印你需要的内容--document.write("content"),这里content就是需要输出的内容:当然还有一种情况,需要输出JS之中比如变量等等变化的东西,那么就需要用document.write(+variable);当然variable就是你想要输出的变量. 既然可以输出变量,肯定会想要去控制下变量的显示,比如位置以及样式.第一种控制方法是应用内部添加样式的方法,比如 doc

javascript中获取容器对象(div)位置信息

例  代码如下 复制代码 function CPos(x, y) {  this.x = x;  this.y = y; } function getObjPos(obj)//获取控件的位置 {  var target = obj;  var pos = new CPos(target.offsetLeft,target.offsetTop);  var target = target.offsetParent;  while (target)  {   pos.x += target.offs

CRI-O将如何把Kubernetes推上容器生态系统的中心位置

本文讲的是CRI-O将如何把Kubernetes推上容器生态系统的中心位置[编者的话]CRI-O是什么?它将给容器世界带来哪些改变?开源项目CRI-O,即之前的OCID,旨在不依赖传统容器引擎的前提下,使开源Kubernetes调度框架可以管理和启动容器化的工作负载. 使用Google发起.Kubernetes工程师开发的容器运行时接口(CRI),通过与Kubernetes或Kubernetes的商业实例(如CoreOS Tectonic)进行交互,该软件可以帮助DevOps专家管理整个"容器生

offsetLeft,Left,clientLeft详解

  假设 obj 为某个 HTML 控件. obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素. obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置,整型,单位像素. obj.offsetWidth 指 obj 控件自身的绝对宽度,不包括因 overflow 而未显示的部分,也就是其实际占据的宽度,整型,单位像素. obj.offsetHeight 指 o

offsetLeft,Left,clientLeft的区别

  假设 obj 为某个 HTML 控件. obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素. obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置,整型,单位像素. obj.offsetWidth 指 obj 控件自身的绝对宽度,不包括因 overflow 而未显示的部分,也就是其实际占据的宽度,整型,单位像素. obj.offsetHeight 指 o

jquery设置控件位置的方法_jquery

纯JS写法: 复制代码 代码如下: document.getElementById("child").style.left="800px";document.getElementById("child").style.top="200px";*/ //offset()获取当前元素基于浏览的位置   var offsettop=$("#unamespan").offset().top;    var offs

offsetTop、offsetLeft、offsetWidth、offsetHeight原理使用介绍

假设 obj 为某个 HTML 控件. offsetTop.offsetLeft obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素.具体算法请参见 offsetTop.offsetLeft 算法. obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置,整型,单位像素. offsetWidth.offsetHeight obj.offsetWidth 指 o