пример
Получить ширину <div> верхней и левой границы элемента:
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";Результат TXT будет:
Border top width: 15px
Border left width: 10px Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство clientLeft возвращает ширину левой границы элемента, в пикселях.
Это свойство не включает в себя левый отступ элемента или левый край.
Совет: Вы можете также использовать style.borderLeftWidth свойство возвращать ширину левой границы элемента.
Примечание: Для Chrome, Firefox и Opera на Windows, если элемент имеет полосы прокрутки (устанавливается CSS перелива собственности), и если направление текста этого элемента справа налево (set by the CSS direction property) , это свойство включает в себя ширину вертикальной полосы прокрутки, вместе с левой границей шириной. В IE, однако, она возвращает "0" . На Mac OS, с помощью Safari, Chrome, Firefox или Opera, он возвращает только левую ширину границы.
Совет: Для того, чтобы вернуть ширину верхней границы элемента, используйте clientTop свойство.
Это свойство только для чтения.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| clientLeft | да | да | да | да | да |
Синтаксис
element .clientLeftТехнические подробности
| Возвращаемое значение: | A Количество, представляющее ширину левой рамки элемента в пикселях |
|---|
Еще примеры
пример
В этом примере текст направление <div> является справа налево, и он имеет полосы прокрутки:
var left = document.getElementById("myDIV").clientLeft; Попробуй сам "