Атрибут id тега <tr>

Описание

Атрибут id для тега <tr> задаёт уникальный идентификатор строки таблицы, который может использоваться для CSS-стилизации, JavaScript-обработки или якорных ссылок.

Пример использования:
<table> <tr id="user-row-123"> <td>Иван Иванов</td> <td>ivan@example.com</td> </tr> </table>

Основные характеристики:

  • Должен быть уникальным в пределах документа
  • Чувствителен к регистру
  • Не должен содержать пробелов
  • Может начинаться с буквы, цифры, подчёркивания или дефиса

Использование с CSS:

<style> #special-row { background-color: #fffacd; font-weight: bold; } </style> <table> <tr id="special-row"> <td>Особая строка</td> <td>Выделенный контент</td> </tr> </table>

Использование с JavaScript:

<table> <tr id="dynamic-row"> <td>Исходный текст</td> </tr> </table> <script> document.getElementById('dynamic-row').cells[0].textContent = 'Новый текст'; </script>

Рекомендации по именованию:

Тип идентификатора Хороший пример Плохой пример
Для данных user-row-123 row1
Для стилей highlighted-row red-row
Для JS editable-row rowToEdit

Лучшие практики:

  • Используйте осмысленные имена, отражающие назначение
  • Избегайте избыточных префиксов (например, "tr-")
  • Для стилизации предпочтительнее классы
  • Проверяйте уникальность идентификаторов

Ограничения:

  • Нельзя использовать несколько ID для одного элемента
  • Изменение ID может сломать существующий функционал
  • Не рекомендуется для чисто стилевых целей

Примечание: В динамических таблицах с большим количеством строк генерируйте ID на основе данных, а не порядковых номеров.