атрибуты id и class HTML

id и class

HTML атрибуты id и class идентифицируют элемент в HTML-документе. Это полезно для применения стилей и управления элементом с помощью DOM и JavaScript.

HTML-атрибут id элемента

1. Атрибут id идентифицирует элемент в документе HTML. Это происходит, когда значение атрибута id элемента HTML совпадает с именем ofid, либо в CSS, либо в скрипте (например, JavaScript).

2. Если имя используется в качестве значения атрибута id элемента HTML, его нельзя использовать в качестве значения атрибута id любого другого элемента.

Синтаксис

  текстовое содержимое  

Где ElementName — любое имя элемента HTML.

Тип значений

Тип значения для атрибута id — ID.

Значение

Значение атрибута id указано автором веб-документа. . Он должен быть уникальным в веб-документе.

Пример использования атрибута id для применения стиля с помощью CSS

       Пример атрибута HTML id с CSS - учебное пособие по HTML | w3resource   # w3r {цвет: красный;  }   

Даже после трех месяцев разрушительного наводнения в Пакистане люди все еще остаются без еды, крова и надежды - BBCreports.


Просмотреть этот пример в отдельном окне браузера

Пример атрибута id с помощью CSS

Пример использования атрибута id в JavaScript

       Пример атрибута HTML id с JavaScript - учебник по HTML | w3resource   function w3r () {var w3rValue = document.getElementById (" w3r ");  alert ("Текст, заключенный в p:" + w3rValue.innerHTML);}    

Даже после трех месяцев разрушительное наводнение в Пакистане, люди Все еще без еды, крова и надежды - сообщает BBC.

Результат

Просмотреть этот пример в отдельном окне браузера

Пример атрибута id с помощью JavaScript

Описание Атрибут класса HTML

1. атрибут класса идентифицирует элемент в документе HTML. Это происходит, когда значение Атрибут класса элемента HTML совпадает с именем класса. Обычно это используется для применения стилей.

2. В отличие от id, имя класса может использоваться с несколькими элементами в документе HTML.

       Пример атрибута класса HTML с помощью CSS - учебник по HTML | w3resource   .w3r {background: lightyellow;}   

Даже после трех месяцев разрушительного наводнения в Пакистане, люди по-прежнему без еды, крова и надежды - BBCreports.

Результат

Просмотрите этот пример в отдельном окне браузера

Пример атрибута класса с CSS

На этой странице мы обсудили идентификатор HTML и атрибут класса. Эти два атрибута называются идентификаторами всего документа, которые используются для идентификации элемента на странице HTML. Это полезно для применения стилей к конкретному элементу или управления элементом (форматом, а также стилем) на странице HTML.

Оцените статью
nanomode.ru
Добавить комментарий