HTML Глобальный атрибут id

❮ Назад HTML Атрибуты Глобальные Далее ❯

Пример

Используйте идентификатор для манипулирования текстом с помощью 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

Пример 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>

Попробуйте сами »