Прескочи към основното съдържание Прескочи към навигацията
Допълнения към урока
Учебна програма Основи на програмирането с JavaScript
1. Въведение в JavaScript

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.


Най-важното: как да избереш точния елемент без да добавяш ID

Можеш да достъпваш конкретен HTML елемент не само чрез id, а и чрез селектори по атрибут. Това ти позволява да избереш точно определен линк (например към Education), без да променяш HTML кода. Ключът е да използваш правилния CSS селектор в JavaScript чрез querySelector.

Стъпка по стъпка: избор на линк от менюто

  1. Прегледай HTML структурата – линковете се намират в nav, който е вътре в header.
  2. За да избереш всички линкове в менюто, използвай комбинация от тагове (например header nav a).
  3. Ако искаш конкретния линк към Education, имаш два варианта:
    1. Добави id="education" в HTML и го избери чрез getElementById.
    2. Използвай селектор по атрибут и избери линка според неговия href.
  4. Напиши селектора с квадратни скоби и стойност на атрибута, за да получиш точно този елемент.
  5. Провери резултата в конзолата.

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

  • querySelector() – връща първия елемент, който отговаря на зададения CSS селектор
  • getElementById() – избира елемент по неговото уникално ID
  • [attribute="value"] – CSS селектор по атрибут (напр. href), използва се вътре в querySelector()

Този подход ти дава по-гъвкав и чист начин за работа с DOM, без да добавяш излишни идентификатори в HTML.