Beispiel
Holen Sie die Breite eines <div> Element des oberen und linken Rand:
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";Das Ergebnis der txt wird:
Border top width: 15px
Border left width: 10px Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Clientleft Eigenschaft gibt, die Breite des linken Rand eines Elements in Pixeln an.
Diese Eigenschaft enthält nicht das linke Polsterung des Elements oder den linken Rand.
Tipp: Sie können auch die Verwendung style.borderLeftWidth Eigenschaft die Breite eines Elements linken Rand zurückzukehren.
Hinweis: Für Chrome, Firefox und Opera unter Windows, wenn das Element eine Scrollbar hat (von CSS - Überlauf - Eigenschaft), und wenn die Textrichtung dieses Elements ist von rechts nach links (set by the CSS direction property) , das Anwesen umfasst die Breite der vertikalen Scrollbalken, zusammen mit der linken Randbreite. In IE, jedoch gibt es "0" . Unter Mac OS mit Safari, Chrome, Firefox oder Opera, es gibt nur die linke Randbreite.
Tipp: Um die Breite der oberen Grenze eines Elements zurückzukehren, verwenden Sie die clientTop Eigenschaft.
Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| clientLeft | Ja | Ja | Ja | Ja | Ja |
Syntax
element .clientLeftTechnische Details
| Rückgabewert: | Eine Zahl ist, die die Breite eines linken Rand des Elements in Pixeln |
|---|
Mehr Beispiele
Beispiel
In diesem Beispiel wird die Textrichtung von <div> ist von rechts nach links, und es hat eine Scrollbar:
var left = document.getElementById("myDIV").clientLeft; Versuch es selber "