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