加入收藏 | 设为首页 | 会员中心 | 我要投稿 广西网 (https://www.guangxiwang.cn/)- 分布式数据库、建站、网络、内容创作、业务安全!
当前位置: 首页 > 教程 > 正文

escape在css中如何运用

发布时间:2023-07-28 08:57:12 所属栏目:教程 来源:网络
导读:   本篇内容主要讲解“escape在css中如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“escape在css中如何使用&rdq
  本篇内容主要讲解“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) + '"]');
 

(编辑:广西网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!