Переходим к рассмотрению методов, как можно выбирать какие-либо элементы на веб-странице с помощью Javascript из DOM-дерева этой веб-страницы.

Сейчас задача научиться выбирать те элементы на веб-странице, которые нам необходимы (см. видео, чтобы увидеть заготовку кода, с которой будем работать) и затем уже приступим к рассмотрению функций, которые будут позволять изменять эти выбранные элементы, добавлять к ним что-то и.т.д.

И давайте начнем с выборки элементов на веб-странице с помощью атрибута ID. 

Предположим, у нас на странице есть элемент, у которого есть атрибут id.

<p id="test">Абзац</p>

Как мы можем выбрать этот элемент с помощью Javascript?

Для этого используется специальная команда:

document.getElementById('test')

или можно записать сокращенную форму записи, для выборки элемента можно использовать просто его значение.

test

document - это корневой элемент, который содержит в себе все остальные элементы. Сначала мы указали его и тем самым сказали, что элементы нужно искать в нем.

getElementById - команда, которая позволяет выбрать элемент по значению его атрибута id. Как параметр указывается значение атрибута id, которое нужно выбрать.

Обратите внимание, что эта команда должна находиться ниже по коду выбираемого элемента, иначе ничего работать не будет (подробнее в видео).

У выборки элемента по атрибуту id есть одна особенность в Javascript. Если встретятся на веб-странице два элемента, которые имеют одинаковое значение атрибута id, будет выбран только первый элемент.

Это нужно учитывать. Само понятие id происходит от слова идентификатор т.е. некое уникальное значение.

Попробуйте тоже с этим поработать и переходим к следующим урокам.