Ejemplo
Obtener la posición offsetLeft de un <div> elemento:
<div id="test">
<p>Click the button to get offsetLeft for the test
div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p>offsetLeft
is: <span id="demo"></span></p>
</div>
<script>
function
myFunction() {
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
}
</script> Inténtalo tú mismo " Definición y Uso
La propiedad offsetLeft devuelve la posición de la izquierda (in pixels) en relación con el lado izquierdo del elemento offsetParent.
El valor devuelto incluye:
- la posición izquierda, y el margen del elemento
- el relleno a la izquierda, barra de desplazamiento y el borde del elemento offsetParent
Nota: El offsetParent elemento es el antepasado más cercano que tiene una posición que no sea estática.
Consejo: para devolver la posición superior de un elemento, utilice el offsetTop propiedad.
Soporte del navegador
| Propiedad | |||||
|---|---|---|---|---|---|
| offsetLeft | Sí | 8.0 | Sí | Sí | Sí |
Sintaxis
Devuelve la posición de desplazamiento a la izquierda:
object .offsetLeft
Detalles técnicos
| Valor por defecto: | hay un valor predeterminado |
|---|---|
| Valor de retorno: | Un número, que representa la posición izquierda del elemento, en píxeles |
| DOM Versión: | CSSOM |
Más ejemplos
Ejemplo
Obtener la posición de aa <div> elemento:
<div id="test">
<p>Click the button to get the left and top offsets for
the test div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p
id="demo">offsetLeft: <br>offsetTop: </p>
</div>
<script>
function
myFunction() {
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: "
+ testDiv.offsetTop;
}
</script>
Inténtalo tú mismo "