Beispiel
Holen Sie sich das offsetleft Position eines <div> Element:
<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> Versuch es selber " Definition und Verwendung
Die offsetleft Eigenschaft gibt die linke Position (in pixels) relativ zu der linken Seite des offsetElement.
Der Rückgabewert beinhaltet:
- die linke Position, und Rand des Elements
- der linke padding, scrollbar und Rand des offsetElement
Hinweis: Das offset Element der nächsten Vorfahren ist , die eine andere Position als statisch hat.
Tipp: Um die Top-Position eines Elements zurückkehren, ist die Verwendung offsetTop Eigenschaft.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| offsetLeft | Ja | 8.0 | Ja | Ja | Ja |
Syntax
Bringen Sie die Offset-Position links:
object .offsetLeft
Technische Details
| Standardwert: | kein Standardwert |
|---|---|
| Rückgabewert: | Eine Zahl ist, die linke Position des Elements darstellt, in Pixel |
| DOM Version: | CSSOM |
Mehr Beispiele
Beispiel
Holen Sie die Position aa <div> Element:
<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>
Versuch es selber "