آموزش ویژگی offsetParent در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی offsetParent در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی offsetParent در DOM جاوااسکریپت
با استفاده از ویژگی offsetParent میتونیم نزدیک ترین ، عنصر والد یا پدر یا جد یک عنصر را بدست آوریم.
این ویژگی فقط بروی عناصری که موقعیت یا Position های relative یا absolute یا sticky دارند عمل میکنه.
این ویژگی تحت شرایط زیر مقداری که برمیگردونه null یا هیچی می باشد :
- اگه خوده عنصر یا عنصر والدش با استفاده از ویژگی display مخفی شده باشه.
- اگه خوده عنصر تگ body یا تگ html باشه.
| مقدار برگشتی | یک شئ گره که نشان دهنده عنصر والد یا پدر می باشد |
|---|
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : یک عنصر فرزند درست کردیم، بعد گذاشتیم داخل ۲ تا عنصر والد، با کلیک بروی یک دکمه میخوایم نزدیک ترین عنصر والد یا پدر به عنصر فرزند رو پیدا کنیم.
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> function get_Parent(){ var mybox , myParent, result; mybox = document.getElementById("farzand"); result = document.getElementById("Result"); myParent = mybox.offsetParent.id; result.innerHTML = myParent; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | IE |
| offsetParent | بله | بله | بله | بله | ۵٫۵ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Element.offsetParent; |
Free-Learn
نکات و توضیحات
- اگه خوده عنصر یا عنصر والدش با استفاده از ویژگی display مخفی شده باشه، این ویژگی مقدار null برگشت میده.
- اگه خوده عنصر تگ body یا تگ html باشه، این ویژگی مقدار null برگشت میده.
