首页 > TAG信息列表 > offsetParent
offsetTop、offsetParent
HTMLElement.offsetTop 为只读属性，它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。 HTMLElement.offsetParent 是一个只读属性，返回一个指向最近的（指包含层级上的最近）包含该元素的定位元素或者最近的 table,td,th,body元素。当元素的 style.display 设置为 "096_元素的几种宽度和高度
1. offsetWidth属性 1.1. offsetWidth属性是一个只读属性, 它返回该元素的像素宽度, 宽度包含内边距(padding)、边框(border)和元素的垂直滚动条, 不包含外边距(margin), 是一个整数, 单位是像素px。 1.2. 语法: element.offsetWidth。 2. offsetHeight属性 2.1. offsetHeightJS之DOM篇-offset偏移量
偏移量主要是指offsetLeft、offsetTop、offsetHeight、offsetWidth这四个属性。偏移参照的是定位父级offsetParent 定位父级 定位父级(offsetParent)值的是与当前元素最近的经过定位(position不等于static)的父级元素，主要分为下列几种情况 元素自身有fixed定位，那么offsetParenttableTD中添加对角斜线
<HTML> <HEAD> <TITLE> 斜线表头 </TITLE> </HEAD> <script Language="javascript"> function a(x, y, color) { document.write("<img border='0' style='position: absolJS 中的offset、scroll、client总结
经常碰到offset、scroll、client这几个关键字，每次都要各种实验，这里总结一下。 两张图镇楼，随时翻阅 1. offset offset 指偏移，包括这个元素在文档中占用的所有显示宽度，包括滚动条、padding、border，不包括overflow隐藏的部分 offsetParent属性返回一个对象的引用，这个对象是距离2 获取元素在页面中的位置
获取元素在页面中的位置 绝对位置:到body的距离 相对位置:到视口的距离 本身定位为fixed ==> offsetParent:null（不是火狐） offsetTop和offsetLeft也是参照于body的 ==> offsetParent:body（火狐） 本身定位不为fixed 父级没有定位 ==> offsetParent:bDom关于位置和尺寸的api
parentNode 直接父级//和offsetParent不同 inner2.parentNode <!DOCTYPE html><html id="html"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop
clientHeight：表示的是可视区域的高度，不包含border和滚动条 offsetHeight：表示可视区域的高度，包含了border和滚动条 scrollHeight：表示了所有区域的高度，包含了因为滚动被隐藏的部分。 clientTop：表示上边框border的厚度 offsetTop：子元素的外边框到offsetParent内边框的距离 scrollTop：offset、 client 、 scroll 三大系列
1.offset 只能获取，不能赋值 （1）元素.offsetParent //返回当前元素最近的定位父元素 console.log (son.offsetParent) （2）元素.offsetLeft //返回offsetParent的左偏移量 console.log (son.offsetLeft) （3）元素.offsetTop //返回offsetParent的上偏移量Table冻结表头 只支持IE
原文链接：http://www.cnblogs.com/GodLi/archive/2012/07/03/2574756.html <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> </title> <style type="text/css"> td { border:solid 1px b原生JS代码封装（获取位置）
function getPagePos(ele){ if(!ele) throw new Error("ele参数有问题，无法获取位置"); var _left = ele.offsetLeft; var _top = ele.offsetTop; while(ele.offsetParent) { _left += ele.offsetParent.offsetLeft;JS中关于位置和尺寸的api
HTMLElement.offsetParent 由于offsetTop 和 offsetLeft 都是相对于 offsetParent 内边距边界的，故offsetParent的意义十分重大。offsetParent的机制与css中包含块的概念十分类似但并不完全一致，其不一致有时候是由于浏览器的不同而导致的，例如：当元素为固定定位时(fixed)，chrome