آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش مجموعه گره ها در جاوا اسکریپت-Node List

دوره های مرتبط با این مقاله

مجموعه گره ها (node list) در مدل DOM HTML

Node list عبارت است از مجموعه ای از گره ها ((node.
متد ()getElementsByTagName، یک مجموعه ای از گره ها (node list) را بازگردانی می نماید. همان طور که پیش تر شرح داده شد، node list یک مجموعه ی آرایه گونه از گره ها است. مثال زیر تمامی المان های (node)
<Sp> را انتخاب می کند:

                        var x = document.getElementsByTagName("p");

به وسیله ی شماره ی اندیس می توان به گره ها دسترسی پیدا کرد. به منظور دستیابی به دومین المان (گره) <p> می توان نوشت:

نمونه یک

        var myNodelist = document.getElementsByTagName("p");
        document.getElementById("demo").innerHTML =
        "The innerHTML of the second paragraph is: " +
        myNodelist[1].innerHTML;
امتحان کنید
نکته:

توجه داشته باشید که شماره ی اندیس از صفر آغاز می شود.

خاصیت Length

خاصیت length، تعداد گره های موجود در یک node list را مشخص می کند:

نمونه دو

        var myNodelist = document.getElementsByTagName("p");
        document.getElementById("demo").innerHTML = myNodelist.length;
امتحان کنید
شرح مثال:

تمامی المان های <p> را بازیابی می کند.
طول (تعداد گره های موجود در) node list را نمایش می دهد.
خاصیت مذکور زمانی بسیار کارامد واقع می شود که بخواهیم درون گره های موجود در node list حلقه بزنیم (آن ها را تکرار کنیم):
در این مثال رنگ پس زمینه ی تمام المان های <p> در یک node list تغییر می یابد:

نمونه سه

        function myFunction() {
            var myNodelist = document.getElementsByTagName("p");
            var i;
            for (i = 0; i < myNodelist.length; i++) {
                myNodelist[i].style.backgroundColor = "red";
            }
        }
امتحان کنید
توجه:

node list از جهاتی شبیه به آرایه است. برای مثال می توان درون node list حلقه زد و مانند آرایه به گره های آن اشاره کرد، اما نمی توان از متدهای آرایه مانند ()valueOf یا ()join در node list استفاده کرد.

مشاهده فیلم آموزشی

کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده بوده و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.

  • 2314
  •    1728
  • تاریخ ارسال :   1394/08/15

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .