آموزش ویژگی previousSibling در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی previousSibling در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی previousSibling در DOM جاوااسکریپت
با استفاده از ویژگی previousSibling
میتونیم گره قبلی ( که بلافاصله ) قبل از یک گره مشخص شده قرار دارد را بدست آوریم، لازم به ذکره که گره برگشتی یک شئ گره ( Node Object ) می باشد.
مقدار برگشتی | یک شئ گره که نشانگر گره خواهر یا برادر قبلی یک گره مشخص شده می باشد |
---|---|
نسخه DOM | Core Level 1 Node Object |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : بدست آوردن نام تگ ( گره ) خواهر یا برادر که بلافاصله قبل از گره مشخص شده قرار دارد.
1 2 3 4 5 6 7 8 9 |
<script> function get(){ var my_item1 , result; my_item1 = document.getElementById("MyP").previousSibling.tagName; result = document.getElementById("Result").innerHTML = my_item1; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
نام ویژگی | Chrome | Firefox | Opera | Safari | IE |
previousSibling | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
1 |
Node.previousSibling; |
Free-Learn
نکات و توضیحات
- این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
- ویژگی nextSibling گره متن ، عنصر ، کامنت و.. که بلافاصله بعد از یک گره مشخص شده قرار دارد را برگشت میده، ولی ویژگی nextElementSibling فقط گره خوده عنصر که بلافاصله بعد از یک گره مشخص شده قرار دارد را برگشت میده.
- ویژگی previousSibling گره متن ، عنصر ، کامنت و.. که بلافاصله قبل از یک گره مشخص شده قرار دارد را برگشت میده، ولی ویژگی previousElementSibling فقط گره خوده عنصر که بلافاصله قبل از یک گره مشخص شده قرار دارد را برگشت میده.