本篇内容主要讲解“escape在css中如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“escape在css中如何使用”吧!
escape在css中的使用语法是“escapedStr = CSS.escape(str);”;“CSS.escape()”静态方法返回DOMString包含作为参数传递的转义字符串,主要用作CSS选择器的一部分;其使用示例如“document.querySelector('#' + CSS.escape(id) + ' > img');”。
CSS.escape()
静态方法返回 DOMString 包含作为参数传递的转义字符串,主要用作 CSS 选择器的一部分。
语法
escapedStr = CSS.escape(str);
参数
str:The DOMString to be escaped.
实例
基本结果
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()方法可以用于:
var element = document.querySelector('#' + CSS.escape(id) + ' > img');
escape()方法也可以用于转义字符串,它也转义了不严格需要转义的字符:
var element = document.querySelector('a[href="#' + CSS.escape(fragment) + '"]');
到此,相信大家对“escape在css中如何使用”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。