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