SVGElement
Базовая реализация Широко доступна *
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.
* Некоторые части этой функции могут иметь различный уровень поддержки.
Все интерфейсы SVG DOM, которые напрямую соответствуют элементам языка SVG, наследуются от интерфейса SVGElement.
Свойства экземпляра
Также наследует свойства от интерфейса Element.
-
SVGElement.attributeStyleMapТолько для чтения -
A
StylePropertyMapпредставляющий объявления атрибута элементаstyle. -
SVGElement.datasetТолько для чтения -
Объект
DOMStringMap, предоставляющий список пар «ключ-значение» именованных атрибутов данных, соответствующих настраиваемым атрибутам данных, прикреплённым к элементу. Их также можно определить в SVG, используя атрибуты видаdata-*, где*— имя ключа пары. Это работает так же, как свойство HTMLHTMLElement.datasetи глобальный атрибут HTMLdata-*. -
SVGElement.classNameУстаревшее Только для чтения -
An
SVGAnimatedStringотражающий значение атрибутаclassданного элемента или пустую строку, еслиclassотсутствует. Этот атрибут устарел и может быть удалён в будущих версиях спецификации. Разработчикам рекомендуется использоватьElement.classListвместо него. SVGElement.blur-
Убирает фокус клавиатуры с текущего элемента.
SVGElement.focus-
Устанавливает фокус клавиатуры на элемент.
SVGElement.nonce-
Возвращает одноразовое криптографическое число, используемое политикой безопасности контента для определения разрешения выполнения запроса fetch.
-
SVGElement.ownerSVGElementТолько для чтения -
An
SVGSVGElementссылаящийся на ближайший родительский элемент<svg>.nullесли данный элемент является самым внешним<svg>элементом. SVGElement.style-
A
CSSStyleDeclarationпредставляющий объявления атрибута элементаstyle. SVGElement.tabIndex-
Позиция элемента в порядке перехода по табуляции.
-
SVGElement.viewportElementТолько для чтения -
The
SVGElementкоторый определил текущее viewport. Часто ближайший родительский элемент<svg>.nullесли данный элемент является самым внешним<svg>элементом.
Методы экземпляра
У этого интерфейса нет методов, но он наследует методы от Element.
События
Прослушивайте эти события, используя addEventListener() или назначив обработчик события соответствующему свойству on....
abort-
Срабатывает, когда загрузка страницы останавливается до того, как элементу SVG будет разрешено загрузиться полностью.
error-
Срабатывает, когда элемент SVG не загружается должным образом или при возникновении ошибки во время выполнения скрипта.
load-
Срабатывает на элементе
SVGElementпри его загрузке в браузере. resize-
Срабатывает, когда SVG документ изменяет размер.
scroll-
Срабатывает, когда область просмотра SVG документа смещается вдоль осей X и/или Y.
unload-
Срабатывает, когда реализация DOM удаляет SVG документ из окна или фрейма.
Спецификации
Совместимость с браузерами
| Рабочий стол | Мобильный | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
SVGElement |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | ≤37 |
attributeStyleMap |
66 | 79 | Нет | 53 | 16.4 | 66 | Нет | 47 | 16.4 | 9.0 | 66 |
autofocus |
79 | 79 | 11078Поддерживается только вSVGGraphicsElement. |
66 | 15.4 | 79 | 11079Поддерживается только вSVGGraphicsElement. |
57 | 15.4 | 12.0 | 79 |
blur |
1 | 17 | 51 | 15 | 3 | 18 | 51 | 14 | 1 | 1.0 | ≤37 |
className |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 |
dataset |
55 | 17 | 51 | 41 | 5.1 | 55 | 51 | 41 | 5 | 6.0 | 55 |
error_event |
10 | 12 | 1.5 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | ≤37 |
focus |
1 | 17 | 51 | 15 | 3 | 18 | 51 | 14 | 1 | 1.0 | ≤37 |
load_event |
1 | 12 | ≤12.1 | 3 | 18 | ≤12.1 | 1 | 1.0 | ≤37 | ||
nonce |
61 | 79 | 75 | 48 | 15.4 | 61 | 79 | 45 | 15.4 | 8.0 | 61 |
ownerSVGElement |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 |
style |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
tabIndex |
36 | 17 | 51 | 23 | 8 | 36 | 51 | 24 | 8 | 3.0 | 37 |
viewportElement |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 |
См. также
- Атрибут HTML
data-* - Атрибут SVG
data-* - Использование пользовательских данных в HTML
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGElement
