Задача: Избиране на елементи

Най-важното: избор на елементи и работа с колекции

Основната цел е да се научите да избирате множество елементи от DOM, които отговарят на определен критерий – в случая всички a тагове в менюто. Важно е да разберете, че резултатът от такъв избор е колекция от елементи, а не един-единствен обект. Следващата стъпка е да можете да достъпвате конкретен елемент от тази колекция – например линка „Education“.

Стъпка по стъпка: как да изпълните задачата

1. Изберете всички линкове (a тагове), които се намират в менюто, използвайки подходящ CSS селектор.
2. Запишете резултата в променлива.
3. Изведете получената колекция в конзолата, за да видите как изглежда.
4. Достъпете конкретния елемент „Education“ – чрез индекс или чрез допълнителна селекция.
5. Проверете в конзолата дали сте избрали правилния елемент.

Използвани методи и техники

• document.querySelectorAll() – връща колекция (NodeList) от всички елементи, които отговарят на подадения CSS селектор.
• console.log() – извежда информация в конзолата за проверка и дебъгване.
• Индексиране с [index] – достъп до конкретен елемент от колекция.
• CSS селектори – използват се за таргетиране на елементи по таг, клас или йерархия.

Задача

• Изведете в конзолата всички a елементи от менюто.
• Достъпете конкретно линка „Education“ и го изведете отделно в конзолата.