CSS：escape() 静态方法

**CSS.escape()** 静态方法返回一个包含作为参数传递的转义字符串的字符串，主要用于作为 CSS 选择器的一部分。

语法

js
CSS.escape(str)

参数

str

要转义的字符串。

返回值

转义后的字符串。

示例

基本结果

js
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() 方法

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

escape() 方法也可用于转义字符串，尽管它会转义不需要严格转义的字符

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

规范

规范
CSS 对象模型 (CSSOM)
# the-css.escape()-method

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。

另请参阅