دسترسي به اولين فرزندان يك گره

[saeedtrb]

سلام دوستان مي خواستم بدونم چه طور مي تونم فقط به اولين فرزندان يك گره دسترسي داشته باشم

<div id="s">
<p>
<span>></span>
</p>
<p>
<span>></span>
</p>
<p>
<span>></span>
</p>
</div>
اگه به كد بالا نگاه كنيد من فقط مي خوام تگهاي p بدست بيارم اگه با خصوصيت childNodes كار كرده باشيد مي دونيد كه اين خصوصيت تمام گره هاي زير مجموعه يك گره رو برميگردونه من فقط تگ هايي كه تو اولين گره هستن مي خوام اميدوارم متوجه شده باشيد

[Variable]

شما میتونید با این تیکه کد به تگ پی برسید .
document.getElementById('s').childNodes[0]
اما این تیکه کد . اولین تگ p رو بر نمیگردونه . چون اولین عصنر فرزند در این ساختار اچ تی امل شما. تگ p نیست. بلکه فضای خالی بین تگ div و اولین تگ p هست. این فضای خالی یک گره (نود) تکست است.

امیدوارم متوجه شده باشید.
در کد شما اولین عنصر پی رو اینطور بدست اورد
document.getElementById('s').childNodes[1]

[jalil_gh]

میتونی از document.querySelectorAll استفاده کنی. البته تو مرورگرهای جدید
var elems = document.querySelectorAll('#s > p');

راه حل دگه هم که خوب جی کوئریه