CSS.escape()

实验性: 这是一项实验性技术
在将其用于生产之前,请仔细检查浏览器兼容性表格

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

语法

escapedStr = CSS.escape(str);

参数

str

The DOMString to be escaped.

实例

基本结果

js
CSS.escape(".foo#bar"); // "\.foo\#bar"
CSS.escape("()[]{}"); // "\(\)\[\]\{\}"
CSS.escape("--a"); // "--a"
CSS.escape(0); // "\30 ",  Unicode 代码点“0”是 30
CSS.escape("\0"); // "\ufffd",  Unicode 替换字符

在上下文使用

要转义一个字符串作为选择器使用, escape()方法可以用于:

js
var element = document.querySelector("#" + CSS.escape(id) + " > img");

escape()方法也可以用于转义字符串,它也转义了不严格需要转义的字符:

js
var element = document.querySelector('a[href="#' + CSS.escape(fragment) + '"]');

规范

Specification
CSS Object Model (CSSOM)
# the-css.escape()-method

浏览器兼容性

BCD tables only load in the browser

参见