CSS: phương thức tĩnh escape()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Phương thức tĩnh CSS.escape() trả về một chuỗi chứa phiên bản đã được escape của chuỗi truyền vào qua tham số, chủ yếu để dùng như một phần của bộ chọn CSS.
Cú pháp
js
CSS.escape(str)
Tham số
str-
Chuỗi cần được escape.
Giá trị trả về
Chuỗi đã được escape.
Ví dụ
Kết quả cơ bản
js
CSS.escape(".foo#bar"); // "\\.foo\\#bar"
CSS.escape("()[]{}"); // "\\(\\)\\[\\]\\{\\}"
CSS.escape('--a'); // "--a"
CSS.escape(0); // "\\30 ", mã điểm Unicode của '0' là 30
CSS.escape('\0'); // "\ufffd", ký tự Unicode REPLACEMENT CHARACTER
Sử dụng trong ngữ cảnh thực tế
Để escape một chuỗi nhằm dùng như một phần của bộ chọn, có thể dùng phương thức escape():
js
const element = document.querySelector(`#${CSS.escape(id)} > img`);
Phương thức escape() cũng có thể được dùng để escape chuỗi, dù nó sẽ escape cả những ký tự không thực sự bắt buộc phải escape:
js
const element = document.querySelector(`a[href="#${CSS.escape(fragment)}"]`);
Thông số kỹ thuật
| Specification |
|---|
| CSS Object Model (CSSOM) # the-css.escape()-method |
Tương thích trình duyệt
Xem thêm
- Giao diện
CSSnơi chứa phương thức tĩnh này. - Một polyfill cho CSS.escape