Атрибут id тега <applet>
Описание
Атрибут id для тега <applet> задаёт уникальный идентификатор элемента, который может использоваться для:
- Обращения к апплету из JavaScript
- Стилизации через CSS
- Якорных ссылок внутри документа
<applet id="mainChart" code="ChartApplet.class" width="500" height="400">
Графический апплет
</applet>
<script>
// Доступ к апплету по id
const chart = document.getElementById('mainChart');
chart.updateData([10, 20, 30]);
</script>
Особенности работы:
| Характеристика | Поведение |
|---|---|
| Уникальность | Должен быть единственным в документе |
| Синтаксис | Должен начинаться с буквы (A-Za-z) |
| Доступность | Добавляется в DOM и accessibility tree |
| CSS-селектор | Доступен через #id |
| Совместимость | Полная поддержка во всех браузерах |
Рекомендации по использованию:
- Используйте осмысленные имена, отражающие назначение апплета
- Избегайте общих имён типа "applet1", "object2"
- Для стилизации предпочитайте классы, оставляя id для JavaScript
- Проверяйте уникальность идентификаторов в документе
- В современных реализациях используйте с элементом <object>
Пример взаимодействия:
<applet id="dataVisualizer" code="DataApplet.class" width="600" height="450"></applet>
<button onclick="document.getElementById('dataVisualizer').reload()">
Обновить данные
</button>
Современная альтернатива:
<object id="modernVisualizer"
type="application/x-java-applet"
data="ModernApplet.class">
Альтернативное содержимое
</object>
<script>
// Современный доступ через id
const visualizer = document.getElementById('modernVisualizer');
visualizer.update({theme: 'dark'});
</script>
Отличия от атрибута name:
id- глобально уникальный идентификатор в DOMname- использовался для доступа через document.applets[]- В современных стандартах рекомендуется использовать только
id
Примечание: Хотя тег <applet> устарел, информация об атрибуте id актуальна и для современных элементов <object>.