HTML Атрибут id
Пример
Используйте идентификатор для манипулирования текстом с помощью Javascript:
<html>
<body>
<h1 id="myHeader">Привет Мир!</h1>
<button onclick="displayResult()">Изменить текст</button>
<script>
function displayResult(){
document.getElementById("myHeader").innerHTML = "Хорошего дня!";
}
</script>
</body>
</html>
Попробуйте сами »
Больше примеров "Попробуйте сами" ниже.
Определение и использование
Атрибут id указывает уникальный идентификатор для элемента HTML (значение должно быть уникальным в документе HTML).
Атрибут id наиболее часто используется для указания на стиль в таблице стилей и с помощью JavaScript (через DOM HTML) для управления элементом с определенным идентификатором.
Поддержка браузеров
Атрибут | |||||
---|---|---|---|---|---|
id | Да | Да | Да | Да | Да |
Различий между HTML 4.01 и HTML5
В HTML5 атрибут id может быть использован в любой элементе HTML (он будет проверять любой элемент HTML. Однако, это не обязательно).
В HTML 4.01 атрибут id не может быть использован в: <base>, <head>, <html>, <meta>, <param>, <script>, <style> и <title>.
Примечание: HTML 4.01 имеет большие ограничения на содержание значений id (например, в HTML 4.01 значения id не могут начинаться с числа).
Синтаксис
<element id="id">
Значение атрибута
Значение | Описани |
---|---|
id | Задает уникальный идентификатор элемента.Правила именования:
|
Больше примеров
Пример 1
Используйте ссылку на элемент с указанным идентификатором на странице:
<html>
<body>
<h2><a id="top">Некоторый Заголовок</a></h2>
<p>Не большое количество текста....</p>
<p>Не большое количество текста....</p>
<p>Не большое количество текста....</p>
<a href="#top">Перейти к началу</a>
</body>
</html>
Попробуйте сами »
Пример 2
Используйте идентификатор для стилизации текста с помощью CSS:
<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">SchoolsW3 самый лучший!</h1>
</body>
</html>
Попробуйте сами »
Связанные страницы
Учебник HTML: id HTML
Учебник HTML: Атрибуты HTML
Учебник CSS: Синтаксис CSS
Справочник CSS: Селектор #id CSS
Справочник DOM HTML: Метод getElementById() DOM HTML
Справочник DOM HTML: Свойство id DOM HTML
Справочник DOM HTML: Объект Style DOM HTML