HTML DOM kliënt Linker eiendom
Voorbeeld
Kry die breedte van 'n <div>-element se boonste en linkerrand:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die clientLeft-eienskap gee die breedte van die linkergrens van 'n element terug, in pieksels.
Hierdie eienskap sluit nie die element se linkeropvulling of die linkerkantlyn in nie.
Wenk: Jy kan ook die style.borderLeftWidth- eienskap gebruik om die breedte van 'n element se linkerrand terug te gee.
Let wel: Vir Chrome, Firefox en Opera op Windows, as die element 'n skuifbalk het (gestel deur die CSS - oorloop -eienskap), en as die teksrigting van daardie element regs-na-links is (gestel deur die CSS- rigting - eienskap), hierdie eiendom sluit die breedte van die vertikale skuifbalk in, tesame met die linkerrandwydte. In IE gee dit egter "0" terug. Op Mac OS, met Safari, Chrome, Firefox of Opera, gee dit slegs die linkerrandwydte terug.
Wenk: Om die breedte van die boonste rand van 'n element terug te gee, gebruik die clientTop- eienskap.
Hierdie eiendom is leesalleen.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
Sintaksis
element.clientLeft
Tegniese besonderhede
Terugkeerwaarde: | 'n Getal, wat die breedte van 'n element se linkerrand voorstel, in pieksels |
---|
Meer voorbeelde
Voorbeeld
In hierdie voorbeeld is die teksrigting van <div> van regs na links, en dit het 'n skuifbalk:
var left = document.getElementById("myDIV").clientLeft;