МетодgetElementById() вHTML DOM

Определение и использование

МетодgetElementById() возвращает ссылку на первый объект с указанным ID.

Синтаксис

document.getElementById(id)

Описание

HTML DOM определяет множество методов для поиска элементов, включаяgetElementById()之外,还有getElementsByName() иgetElementsByTagName()。

Если вам нужно найти определенный элемент в документе, наиболее эффективным方法是getElementById()。

При работе с документом,最好为特定元素指定一个id属性,并为其指定一个(在文档中)唯一的名称,然后就可以使用该ID查找所需的元素。

Пример

Пример 1

<html>
<head>
<script type="text/javascript">
function getValue()
  {
  var x=document.getElementById("myHeader")
  alert(x.innerHTML)
  }
</script>
</head>
</body>
<h1 id="myHeader" onclick="getValue()">Это заголовок</h1>
<p>Нажмите на заголовок, чтобы показать его значение</p>
</body>
</html>

Пример 2

getElementById() - это важный метод, который часто используется в设计中 DOM. Мы предоставляем вам инструментальную функцию, чтобы вы могли использовать метод getElementById() с более коротким именем:

function id(x) {
  if (typeof x == "string") return document.getElementById(x);
  return x;
  }

Эта функция принимает идентификатор элемента в качестве своих параметров. Для каждого такого параметра перед использованием нужно написать x = id(x).