Синтаксис JavaScript Справочник JavaScript Коды клавиш События Строгий режим

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" имеют различный регистр.

Аргументы

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

Пример

<!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>
Попробовать »
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | Обратная связь