Przykład
Uzyskaj szerokości <div> górnej i lewej krawędzi elementu:
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";
Wynikiem txt będą:
Border top width: 15px
Border left width: 10px
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Nieruchomość clientLeft zwraca szerokość lewej krawędzi elementu w pikselach.
Obiekt ten nie obejmuje lewy dopełnienie tego elementu lub lewego marginesu.
Wskazówka: Można również użyć style.borderLeftWidth właściwość, aby powrócić szerokość lewej krawędzi elementu.
Uwaga: Chrome, Firefox i Opera w systemie Windows, jeśli element ma przewijania (ustawiany przez CSS przelewowym własności), a jeśli kierunek tekstu tego elementu jest od prawej do lewej (set by the CSS direction property) , to w skład nieruchomości wchodzi szerokość pionowego przewijania wraz z lewego szerokości granicznej. W IE, jednak zwraca "0" . Na Mac OS, wykorzystujących Safari, Chrome, Firefox lub Opera, zwraca tylko lewą szerokość obramowania.
Wskazówka: Aby powrócić szerokość górnej krawędzi elementu, należy użyć clientTop nieruchomości.
Ta właściwość jest tylko do odczytu.
Wsparcie przeglądarka
Nieruchomość | |||||
---|---|---|---|---|---|
clientLeft | tak | tak | tak | tak | tak |
Składnia
element .clientLeft
Szczegóły techniczne
Zwracana wartość: | Numer, reprezentujących szerokość lewej krawędzi elementu jest w pikselach |
---|
Więcej przykładów
Przykład
W tym przykładzie, kierunek tekst <div> jest od prawej do lewej, a to ma przewijania:
var left = document.getElementById("myDIV").clientLeft;
Spróbuj sam "