HTML-DOM -clientLeft- Eigenschaft
Beispiel
Ermitteln Sie die Breite des oberen und linken Rands eines <div>-Elements:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die clientLeft-Eigenschaft gibt die Breite des linken Rands eines Elements in Pixel zurück.
Diese Eigenschaft umfasst nicht die linke Polsterung oder den linken Rand des Elements.
Tipp: Sie können auch die Eigenschaft style.borderLeftWidth verwenden , um die Breite des linken Rahmens eines Elements zurückzugeben.
Hinweis: Für Chrome, Firefox und Opera unter Windows, wenn das Element eine Bildlaufleiste hat (festgelegt durch die CSS - Überlaufeigenschaft ) und wenn die Textrichtung dieses Elements von rechts nach links ist (festgelegt durch die CSS- Eigenschaft direction ), this -Eigenschaft enthält die Breite der vertikalen Bildlaufleiste zusammen mit der Breite des linken Rahmens. Im IE gibt es jedoch "0" zurück. Unter Mac OS wird bei Verwendung von Safari, Chrome, Firefox oder Opera nur die linke Randbreite zurückgegeben.
Tipp: Um die Breite des oberen Rands eines Elements zurückzugeben, verwenden Sie die clientTop- Eigenschaft.
Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
| Property | |||||
|---|---|---|---|---|---|
| clientLeft | Yes | Yes | Yes | Yes | Yes |
Syntax
element.clientLeft
Technische Details
| Rückgabewert: | Eine Zahl, die die Breite des linken Rahmens eines Elements in Pixel darstellt |
|---|
Mehr Beispiele
Beispiel
In diesem Beispiel ist die Textrichtung von <div> von rechts nach links und es hat eine Bildlaufleiste:
var left = document.getElementById("myDIV").clientLeft;