CSS: статический метод escape()

Базовая линия Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузера. Она доступна во всех браузерах с января 2020 года.

Статический метод CSS.escape() возвращает строку, содержащую экранированную строку, переданную в качестве параметра, в основном для использования в качестве части селектора CSS.

Синтаксис

CSS.escape(str)

Параметры

str: Строка, подлежащая экранированию.

Возвращаемое значение

Экранированная строка.

Примеры

Основные результаты

CSS.escape(".foo#bar"); // "\\.foo\\#bar"
CSS.escape("()[]{}"); // "\\(\\)\\[\\]\\{\\}"
CSS.escape('--a'); // "--a"
CSS.escape(0); // "\\30 ", the Unicode code point of '0' is 30
CSS.escape('\0'); // "\ufffd", the Unicode REPLACEMENT CHARACTER

Примеры использования

Для экранирования строки для использования в качестве части селектора можно использовать метод escape():

const element = document.querySelector(`#${CSS.escape(id)} > img`);

Метод escape() также может использоваться для экранирования строк, хотя он экранирует символы, которые строго не нуждаются в экранировании:

const element = document.querySelector(`a[href="#${CSS.escape(fragment)}"]`);

Спецификации

Спецификация
CSS Object Model (CSSOM) # the-css.escape()-method

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`escape_static`	46	79	31	33	10.1	46	31	33	10.3	5.0	46

См. также

Интерфейс CSS, в котором находится этот статический метод.
Полифил для CSS.escape

© 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/CSS/escape_static