آموزش ویژگی offsetParent در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی offsetParent در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی offsetParent در DOM جاوااسکریپت
با استفاده از ویژگی offsetParent
میتونیم نزدیک ترین ، عنصر والد یا پدر یا جد یک عنصر را بدست آوریم.
مقدار برگشتی | یک شئ گره که نشان دهنده عنصر والد یا پدر می باشد |
---|
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 برگشت میده.