HTML DOM -clientLeft Property
Voorbeeld
Verkrijg de breedte van de boven- en linkerrand van een <div>-element:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap clientLeft retourneert de breedte van de linkerrand van een element, in pixels.
Deze eigenschap omvat niet de linkeropvulling van het element of de linkermarge.
Tip: U kunt ook de eigenschap style.borderLeftWidth gebruiken om de breedte van de linkerrand van een element te retourneren.
Opmerking: voor Chrome, Firefox en Opera op Windows geldt dat als het element een schuifbalk heeft (ingesteld door de CSS - overloopeigenschap ), en als de tekstrichting van dat element van rechts naar links is (ingesteld door de CSS- richtingseigenschap ), dit eigenschap omvat de breedte van de verticale schuifbalk, samen met de breedte van de linkerrand. In IE wordt echter "0" geretourneerd. Op Mac OS, met Safari, Chrome, Firefox of Opera, wordt alleen de linkerrandbreedte geretourneerd.
Tip: Gebruik de eigenschap clientTop om de breedte van de bovenrand van een element te retourneren .
Deze eigenschap is alleen-lezen.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
Syntaxis
element.clientLeft
Technische details
Winstwaarde: | Een getal, dat de breedte van de linkerrand van een element weergeeft, in pixels |
---|
Meer voorbeelden
Voorbeeld
In dit voorbeeld is de tekstrichting van <div> van rechts naar links en heeft het een schuifbalk:
var left = document.getElementById("myDIV").clientLeft;