این آموزش در تاریخ ۱۴۰۱/۰۵/۰۳ آپدیت شده است.
آموزش ویژگی clientTop در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی clientTop در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی clientTop در DOM جاوااسکریپت
با استفاده از ویژگی clientTop میتونیم اندازه بوردِر یا Border سمت بالای یک تگ رو بدست بیاوریم، و همچنین با استفاده از ویژگی clientLeft میتونیم اندازه بوردِر سمت چپ تگ رو بدست بیاوریم.
| مقدار برگشتی | یک عدد که نشان دهنده مقدار ویژگی Border از سمت بالا می باشد |
|---|
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : در مثال زیر هم از ویژگی clientLeft و هم clientTop استفاده شده
- clientLeft برای بدست آوردن مقدار Border سمت چپ
- clientTop برای بدست آوردن مقدار Border سمت بالا
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> function Get_Border() { var MyBox , Result , MyBorder; MyBox = document.getElementById("MyBox"); Result = document.getElementById("Result"); MyBorder = "Border-Top = " + MyBox.clientTop + "px" + "<br>" + "Border-Left = " + MyBox.clientLeft + "px"; Result.innerHTML = MyBorder; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| clientTop | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Element.clientTop; |
Free-Learn
نکات و توضیحات
- ویژگی clientTop مقدار ویژگی Border رو از سمت / جهت بالا برمیگردونه.
- ویژگی clientLeft مقدار ویژگی Border رو از سمت / جهت چپ برمیگردونه.
