La propiedad DOM offsetLeft se usa para devolver la posición izquierda en píxeles. Esta posición es relativa al lado izquierdo del elemento offsetParent.
Sintaxis:
element.offsetLeft
Valor devuelto: Devuelve el número que representa la posición izquierda del elemento en píxeles.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
DOM offsetLeft Property
</title>
<style>
#GFG {
height: 50px;
width: 200px;
padding: 10px;
background-color: green;
}
</style>
</head>
<body>
<h2>
DOM Style offsetLeft Property
</h2>
<div id = "GFG">
<b>Information about this div:</b><br>
<p id = "demo"></p>
</div><br>
<button type = "button" onclick = "geeks()">
Submit
</button>
<script>
function geeks() {
var testDiv = document.getElementById("GFG");
document.getElementById("demo").innerHTML
= "offsetLeft: "+ testDiv.offsetLeft;
}
</script>
</body>
</html>
Salida: Antes Haga clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con la propiedad DOM offsetLeft se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 5.5 y superior
- Firefox 1 y superior
- Ópera 8 y superior
- Safari 3 y superior
Publicación traducida automáticamente
Artículo escrito por sarthak_ishu11 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA