CSS: Statische Methode escape()
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
Die statische Methode CSS.escape() gibt einen String zurück, der den als Parameter übergebenen String in maskierter Form enthält. Sie wird hauptsächlich zur Verwendung als Teil eines CSS-Selektors eingesetzt.
Syntax
js
CSS.escape(str)
Parameter
str-
Der zu maskierende String.
Rückgabewert
Der maskierte String.
Beispiele
Grundlegende Ergebnisse
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
Verwendung im Kontext
Mit der Methode escape() können Sie einen String für die Verwendung als Teil eines Selektors maskieren:
js
const element = document.querySelector(`#${CSS.escape(id)} > img`);
Mit der Methode escape() können Sie auch Strings maskieren. Dabei maskiert sie allerdings auch Zeichen, die nicht zwingend maskiert werden müssen:
js
const element = document.querySelector(`a[href="#${CSS.escape(fragment)}"]`);
Spezifikationen
| Spezifikation |
|---|
| CSS Object Model (CSSOM) # the-css.escape()-method |
Browser-Kompatibilität
Siehe auch
- Das Interface
CSS, zu dem diese statische Methode gehört.