‎‎ليست نود هاي دامJavaScript HTML DOM Node Lists -‎

Previous >    <Next  

‎‎شئNodeList دام The HTML DOM NodeList Object -‎

‎شئ‎NodeList‎ ليست يا مجموعه از نودهاي استخراج شده از يك سند است . اين شئ ‎تقريبا مشابه با شئ‎HTMLCollection‎ است .

‎برخي از مرورگرهاي قديمي تر يك شئNodeList بجايHTMLCollection براي متدهائي مثل ‎‎getElementById( )‎‎‎برگشت ميدهند .

‎همه مرورگرها يك شئ‎NodeList‎ را براي ويژگي ‎childNodes‎ ‎برگشت ميدهند.

‎اكثر مرورگرها يك شئ‎NodeList‎ رابراي متد ‎‎querySelectorALL( ) ‎‎‎برميگردانند .

‎‎مثال ـ تمام عناصر‎<p>‎ انتخاب ميشوند

‎ 
const myNodeList = document.querySelectorAll("p");

‎عناصر درNodeList بوسيله شماره انديس قابل دسترسي هستند .براي دسترسي به دومين عنصر ‎<p>‎‎مطابق كد زير ميباشد .

‎‎مثال ـ دسترسي بدومين عنصر

‎ 
myNodeList[1]

--(go to editor for change code and run)

‎

‎‎توجه ـ انديس از صفر شروع ميگردد.

‎‎ويژگي طول ليست نودHTML DOM Node List Length -‎

‎‎ويژگي‎length‎ تعداد گره هاي ليست نود را مشخص ميكند .

‎‎مثال ـ طول ليست نودها

‎ 
myNodelist.length

--(go to editor for change code and run)

‎‎ويژگي‎length‎ براي دور زدن روي ليست نودها مورد استفاده ميباشد :

‎‎مثال ـ تغيير رنگ همه عناصر‎<p>‎ سند

‎ 
const myNodelist = document.querySelectorAll("p");
for (let i = 0; i < myNodelist.length; i++) {
  myNodelist[i].style.color = "red";
}

--(go to editor for change code and run)

‎The Difference Between an HTMLCollection anda NodeList‎

‎‎تفاوت مابين شئHTMLCollection و NodeList

‎‎يكNodeList و يكHTMLCollection تقريبا يكسان هستند .

‎هر دو شئي از يك سندHTML استخراج ميگردند، آنها هردو آرايه مانند بوده وانديس آنها از صفر ‎شروع ميگردد .آنها داراي ويژگي مشابهlength ميباشند .اين ويژگي تعداد عناصر آن دو را نشان ‎ميدهد.

HTMLCollection‎يك مجموعه از عناصرHTML است .اماNodeList يك مجموعه اي از نودهاي سند ‎شامل نودعنصر، نودويژگي ونود متن است .يعني آن اطلاعات جامعتري از سند نسبت بهHTMLCollection ‎دارد.

‎به آيتم هايHTMLCollection ميتوان بوسيله name,id,index nmber دسترسي پيدا كرد اما آيتم هاي NodeList‎فقط با index number

‎يكHTMLCollection هميشه يك مجموعه زنده است .بعنوان مثال اگر عنصر ‎<li>‎ ‎بهHTML DOM اضافه شود، ليست موجود درHTMLCollection هم تغيير ميكند . اماNodeList وضعيت ‎استاتيك دارد و تغييرات رويHTML DOM به آن منتقل نمي شود .

‎متد هاي‎‎getElementByClass( )‎‎ و ‎‎getElementByTagName( )‎‎‎يك مجموعه زنده را در HTMLCollection ‎برگشت ميدهند.

‎متد‎‎querySelectorALL( ) ‎‎يك مجموع استاتيك را در NodeList برگشت ‎ميدهد .همچنين ويژگي‎childNodes‎ مجموعه استاتيك را به nodeList برگشت ميدهد .

‎

‎يكnodeList مشابه آرايه است ، اما آرايه نيست .ميتوان روي آن حلقه ايجاد كرد ودور زد .اما ‎نميتوان متدهاي‎push()‎ , pop( ),join( )‎ روي آن بكار گرفت .

Previous >    <Next