مجموعه HTML DOM در JavaScript

مجموعه شی جاوااسکریپت

روش ()getElementsByTagName یک شیء HTM را برمیگرداند
یک شیء HTMLCollection یک لیست آرایه (مجموعه) از عناصر HTML است.
کد زیر تمام عناصر <p> در یک سند را انتخاب می کند:

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

عناصر موجود در مجموعه را می توان با شماره عدد مشاهده کرد.
برای دسترسی به عنصر <p> دوم که می توانید مانند مثال بنویسید:

HTMLCollection Object
 y = x[1]; 
مشاهده مثال

توجه: شاخص از 0 شروع می شود.

طول مجموعه HTML

خصوصیات طول تعداد عناصر در مجموعه HTMLCollection را تعریف می کند:

HTMLCollection Length
var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myCollection.length;
مشاهده مثال

توضیح مثال:

1- مجموعه ای از تمام عناصر <p> را ایجاد کنید

2-  طول مجموعه را نمایش دهید
خصوصیات طول زمانی مفید است که شما می خواهید از طریق عناصر یک مجموعه حلقه کنید:

Change the background color
var myCollection = document.getElementsByTagName("p");
var i;
for (i = 0; i < myCollection.length; i++) {
    myCollection[i].style.backgroundColor = "red";
}
مشاهده مثال

HTMLCollection یک آرایه نیست!

یک مجموعه HTMLCollection ممکن است مانند آرایه شبیه باشد، اما این نیست.
شما می توانید از طریق لیست حلقه کنید و به عناصر با یک عدد (مثل یک آرایه) مراجعه کنید.
با این حال، شما نمیتوانید از روشهای آرایه مانند valueOf ()، pop ()، push () یا ()join در یک مجموعه HTMLColi استفاده کنید.

 

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

یادگیری JavaScript

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران (وب مهراز) بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط