Атрибут идентификатора HTML
Пример
Используйте атрибут id для управления текстом с помощью JavaScript:
<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>
<script>
function displayResult()
{
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
</body>
</html>
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Атрибут idуказывает уникальный идентификатор HTML-элемента (значение должно быть уникальным в HTML-документе).
Атрибут idчаще всего используется для указания на стиль в таблице стилей, а также в JavaScript (через HTML DOM) для управления элементом с определенным идентификатором.
Поддержка браузера
| Attribute | |||||
|---|---|---|---|---|---|
| id | Yes | Yes | Yes | Yes | Yes |
Синтаксис
<element id="id">
Значения атрибутов
| Value | Description |
|---|---|
| id | Specifies a unique id for the element.
Naming rules:
|
Дополнительные примеры
Пример 1
Используйте атрибут id для ссылки на элемент с указанным идентификатором на странице:
<html>
<body>
<h2><a id="top">Some heading</a></h2>
<p>Lots of text....</p>
<p>Lots of text....</p>
<p>Lots of text....</p>
<a href="#top">Go to top</a>
</body>
</html>
Пример 2
Используйте атрибут id для стилизации текста с помощью CSS:
<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">W3Schools is the best!</h1>
</body>
</html>
Связанные страницы
Учебник по HTML: идентификатор HTML
Учебник по HTML: HTML-атрибуты
Учебник по CSS: синтаксис CSS
Справочник по CSS: CSS - селектор #id
Справочник по HTML DOM: Метод HTML DOM getElementById()
Справочник по HTML DOM: свойство id HTML DOM
Справочник по HTML DOM: Объект стиля HTML DOM