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

Основни селектори

Курсове Основи на програмирането с JavaScript Седмица 1 - Въведение в JavaScript

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

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

Предишен Следващ

Основи на програмирането с JavaScript В курса ще се научите как да пишете код с помощта на един от най-популярните програмни езици - JavaScript. Този курс е идеален за напълно начинаещи и ще ви помогне да разберете основите на програмирането, както и как да създавате интерактивни уеб приложения. Ще придобиете фундаментални умения, които ще ви позволят да създавате динамични уеб сайтове и да поставите основите си за развитие в областта на софтуерното програмиране.

Най-важното за DOM селекторите в JavaScript

За да работиш с HTML от JavaScript, първо трябва да избереш правилния DOM елемент. Това става чрез обекта document, който е част от window. Най-важното: getElementById връща един конкретен елемент, докато getElementsByTagName и getElementsByClassName връщат колекция от елементи, дори когато е намерен само един. Обектът window обикновено може да се пропусне, защото е глобален.

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

  1. Достъпи body елемента чрез document.body и го изведи с console.log().
  2. Добави id на даден HTML елемент (например id="myImage").
  3. Използвай document.getElementById("myImage"), за да вземеш конкретния елемент.
  4. Използвай document.getElementsByTagName("ul"), за да вземеш всички ul елементи – резултатът ще бъде колекция.
  5. Използвай document.getElementsByClassName("имеНаКлас"), за да селектираш по клас – отново ще получиш колекция.

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

  • document.body – връща референция към <body> елемента.
  • getElementById() – връща един елемент по зададено id.
  • getElementsByTagName() – връща колекция от елементи със съответния таг.
  • getElementsByClassName() – връща колекция от елементи със съответния клас.
  • console.log() – извежда резултата в конзолата за проверка.

Разбирането на тези селектори е основата за всяка по-нататъшна работа с DOM и динамично поведение на уеб страниците.

Дискусия към урока

Въпроси
Отговори
инж. Юлиан Ангелов
Може ли
1
инж. Юлиан Ангелов
Може ли методът getElementsByTagname да използва по-сложни констрикции каквито вече използвахме в CSS?
1