Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM clientLeft Propery

<Element Przedmiot

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

Przykłady

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 "

<Element Przedmiot