Меню

getElementById()

Поддержка браузерами

12.0+ 5.5+ 1.0+ 1.0+ 7.0+ 1.0+

Описание

Метод document.getElementById() возвращает ссылку на элемент, который имеет атрибут id с указанным значением.

Примечание: вместо метода getElementById() можно использовать метод querySelector(), позволяющий проводить поиск элемента используя любой допустимый CSS селектор.

Синтаксис


document.getElementById(id)

Обратите внимание, что при указании идентификатора учитывается регистр символов, так например метод document.getElementById("Main") вернёт значение null вместо ссылки на элемент <div id="main"> по той простой причине, что символы "M" и "m" имеют различный регистр.

Аргументы

  • id: строка, представляющая собой значение атрибута id того элемента, ссылку на который необходимо получить.

Возвращаемое значение

  • ссылка на объект element: если элемент с указанным идентификатором найден, метод вернёт ссылку на этот элемент. Если на странице используется более одного элемента с указанным идентификатором, метод вернёт ссылку на первый из них.
  • null (если элемент с указанным идентификатором не найден).

Пример


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Название документа</title>
  <script>
    function changeColor(newColor) {
      var elem = document.getElementById("para1");
      elem.style.color = newColor;
    }
  </script>
</head>
<body>

  <p id="para1">Какой-то текст</p>
  <button onclick="changeColor('blue')">синий</button>
  <button onclick="changeColor('red')">красный</button>

</body>
</html>
Попробовать »