HTML DOM clientLeft Property
Przykład
Pobierz szerokość górnej i lewej krawędzi elementu <div>:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość clientLeft zwraca szerokość lewego obramowania elementu w pikselach.
Ta właściwość nie obejmuje lewego dopełnienia ani lewego marginesu elementu.
Porada: Możesz również użyć właściwości style.borderLeftWidth , aby zwrócić szerokość lewego obramowania elementu.
Uwaga: W przeglądarkach Chrome, Firefox i Opera w systemie Windows, jeśli element ma pasek przewijania (ustawiany przez właściwość CSS overflow ), a kierunek tekstu tego elementu jest od prawej do lewej (ustawiany przez właściwość CSS direction ), to właściwość zawiera szerokość pionowego paska przewijania wraz z szerokością lewego obramowania. W IE zwraca jednak „0”. W systemie Mac OS, używając Safari, Chrome, Firefox lub Opera, zwraca tylko szerokość lewego obramowania.
Wskazówka: Aby zwrócić szerokość górnej krawędzi elementu, użyj właściwości clientTop .
Ta właściwość jest tylko do odczytu.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
Składnia
element.clientLeft
Szczegóły techniczne
Wartość zwrotu: | Liczba reprezentująca szerokość lewego obramowania elementu w pikselach |
---|
Więcej przykładów
Przykład
W tym przykładzie kierunek tekstu <div> jest od prawej do lewej i ma pasek przewijania:
var left = document.getElementById("myDIV").clientLeft;