JavaScript: Elements by Class Name in DOM | getElementsByClassName | HTMLCollection

getElementsByClassName JavaScript-də DOM metoddur. Bir sənəddə (və ya müəyyən bir elementin alt ağacında) bir və ya bir neçə təyin olunmuş class adına malik olan bütün elementləri əldə etməyə imkan verir. Bu metod uyğun elementlərin "canlı" HTMLCollection-unu qaytarır. Bu o deməkdir ki, əgər sənəddə dəyişikliklər etsəniz (məsələn, o class-a malik yeni elementlər əlavə etsəniz və ya mövcud olanları silsəniz), əldə edilmiş kolleksiya avtomatik olaraq yenilənəcək.

• Metod bir və ya bir neçə class adını qəbul edir. Bir neçə cass adı boşluqla ayrılmalıdır.
• Məsələn: document.getElementsByClassName('btn primary'); həm btn, həm də primary class-lara malik elementləri qaytaracaq.
• Bu metod HTMLCollection qaytarır. HTMLCollection canlı kolleksiyadır, yəni DOM-da dəyişikliklər edildikdə bu kolleksiya da avtomatik yenilənir.
• Qaytarılan kolleksiya canlı olduğundan, əgər siz yeni elementlər əlavə etsəniz və ya mövcud olanları silsəniz, kolleksiyanı yenidən çağırmağa ehtiyac yoxdur. O, avtomatik olaraq aktual vəziyyəti əks etdirəcək.
• HTMLCollection əsl array deyil. Ona görə də forEach və ya map kimi array metodlarını birbaşa istifadə edə bilməzsiniz.

========

The getElementsByClassName method in JavaScript is a DOM (Document Object Model) method used to retrieve all elements within a document (or within a particular element’s subtree) that have one or more specified class names. It returns a live HTMLCollection of matching elements. This means that if the document structure changes (e.g., you add or remove an element with that class), the returned collection will reflect those changes automatically.

• The method takes a string representing one or more class names. Multiple classes should be separated by spaces.
• For example: document.getElementsByClassName('btn primary'); will return all elements that have both the btn and primary classes.
• Returns an HTMLCollection, which is a live collection. Unlike a static NodeList (as you get from querySelectorAll), an HTMLCollection updates automatically if the underlying document changes.
• Because the returned collection is live, you don’t need to call getElementsByClassName again if new elements with that class are added or existing ones are removed. The collection will reflect the current state of the DOM.
• Although HTMLCollection looks like an array, it is not an actual array. You cannot directly use array methods like forEach or map on it without converting it to an array first.

#kody_az #kodyaz #js #javascript #nodejs #es6 #viral #viralcode #nodejs #viralvideo #random #code #coder #azerbaycan #azerbaijan #baku #baki #programming #programmer #codes #hazırlıq #hazirliq #kurs #kurslar #course #courses #online #onlinecourses #test #quiz