English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM offsetLeft 属性

Objeto Elemento DOM HTML

Atributo只读属性获取自身左外边框到offsetParent元素的左内边框的距离(以像素为单位)。

返回的值包括:

  • 元素的左侧位置和边距

  • offsetParent元素的左侧填充,滚动条和边框

注:offsetParent元素都是静态以外的位置最近的父级。

要返回元素的顶部位置,请使用offsetTop属性。

语法:

element.offsetLeft
Ejemplo
document.getElementById("result").innerHTML = myBox.offsetLeft;
Prueba y mira‹/›

浏览器兼容性

Compatibilidad del navegador

Todos los navegadores admiten completamente el atributo offsetLeft:
AtributooffsetLeftoffsetLeftoffsetLeftoffsetLeftoffsetLeft

Detalles técnicosValor devuelto:
Un número que representa la posición lateral del elemento en píxelesVersión DOM:

Modelo de Objetos CSS (CSSOM)

Más ejemplos

Ejemplo
var myBox = document.getElementById("box");
var x = document.getElementById("result"); + x.innerHTML = "offsetLeft: " + "<br>offsetTop: " + myBox.offsetTop;
Prueba y mira‹/›

Referencias relacionadas

Referencia DOM HTML:propiedad offsetHeight

Referencia DOM HTML:propiedad offsetWidth

Referencia DOM HTML:propiedad offsetTop

Referencia DOM HTML:propiedad offsetParent

Objeto Elemento DOM HTML