пример
Используйте 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 атрибут определяет уникальный id для HTML - элемента (значение должно быть уникальным в пределах HTML - документа).
id атрибута наиболее используемый , чтобы указать на стиль в таблице стилей, а также с помощью JavaScript (через HTML DOM) , чтобы манипулировать элемент с конкретным id .
Поддержка браузеров
| Атрибут | |||||
|---|---|---|---|---|---|
| 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 значения не могут начинаться с цифры).
Синтаксис
<elementid="id">
значения атрибутов
| Стоимость | Описание |
|---|---|
| id | Указывает уникальный id для элемента. Правила присвоения имен:
|
Еще примеры
Пример 1
Используйте id атрибута для ссылки на элемент с указанным 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">w3ii is the best!</h1>
</body>
</html> Попробуй сам " Похожие страницы
Учебник HTML: HTML Атрибуты
Учебник CSS: CSS селекторы
CSS Ссылка: CSS #id Selector
HTML DOM Ссылка: HTML DOM getElementById() Метод
HTML DOM Ссылка: HTML DOM id недвижимости
HTML DOM Ссылка: HTML DOM Стиль объекта