Безплатно! Онлайн събитие: 5-дневно ChatGPT предизвикателство Регистрация тук.
Решение: Избиране на елементи
Пълен достъп до курса: Не
За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.
Най-важното: как да избереш точния елемент без да добавяш ID
Можеш да достъпваш конкретен HTML елемент не само чрез id, а и чрез селектори по атрибут. Това ти позволява да избереш точно определен линк (например към Education), без да променяш HTML кода. Ключът е да използваш правилния CSS селектор в JavaScript чрез querySelector.
Стъпка по стъпка: избор на линк от менюто
- Прегледай HTML структурата – линковете се намират в
nav, който е вътре вheader. - За да избереш всички линкове в менюто, използвай комбинация от тагове (например header nav a).
- Ако искаш конкретния линк към Education, имаш два варианта:
- Добави
id="education"в HTML и го избери чрезgetElementById. - Използвай селектор по атрибут и избери линка според неговия
href.
- Добави
- Напиши селектора с квадратни скоби и стойност на атрибута, за да получиш точно този елемент.
- Провери резултата в конзолата.
Използвани методи и селектори
querySelector()– връща първия елемент, който отговаря на зададения CSS селекторgetElementById()– избира елемент по неговото уникално ID[attribute="value"]– CSS селектор по атрибут (напр. href), използва се вътре вquerySelector()
Този подход ти дава по-гъвкав и чист начин за работа с DOM, без да добавяш излишни идентификатори в HTML.
