Метод getElementById позволяет получить элемент (тег) страницы по его атрибуту id.

С полученным элементом можно будет производить различные манипуляции: менять его текст, атрибуты, css стили и так далее.

См. также методы getElementsByTagName, getElementsByClassName, querySelector, querySelectorAll, которые тоже позволяют получить элементы страницы.

См. также этот и этот уроки из учебника JavaScript для более полного понимания.

Синтаксис

document.getElementById(ай ди элемента);

Примеры

Пример

В данном примере по нажатию на кнопку будет получен элемент с id, равным elem, и для него будет изменено содержимое атрибута value:

<input type="submit" onclick="func()">
<input type="text" id="elem">
function func() {
	var elem = document.getElementById('elem');
	elem.value = 'Привет!';
}

HTML код станет выглядеть так:

<input type="submit" onclick="func()">
<input value="Привет!" type="text" id="elem">