首页 > 其他分享 >js_使用js读取link外部样式

js_使用js读取link外部样式

时间:2023-10-09 22:58:48浏览次数:37  
标签:sheet 读取 oI selectorText rule js link

<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_1826665_p96ije5uc2f.css" crossorigin>
var linkStyle = document.getElementsByTagName("link")[0];
var sheet = linkStyle.sheet || linkStyle.styleSheet;
let reg = /(\S{1,})::before$/i
const oBody = document.body
Array.prototype.forEach.call(sheet.cssRules, rule => {
  if (rule.selectorText && rule.selectorText !== '.iconfont') {
    const oI = document.createElement('i')
    oI.classList.add('iconfont')
    oI.classList.add(reg.exec(rule.selectorText)[1].slice(1))
    oBody.appendChild(oI)
  }
})

标签:sheet,读取,oI,selectorText,rule,js,link
From: https://www.cnblogs.com/isAyi/p/17753402.html

相关文章

  • 用pyyaml读取yaml文件做接口数据驱动
    importyaml##封装读取yaml文件类#classYamlconf:#def__init__(self,file_path):#"""file_path:yaml文件的路径"""#self.file_path=file_path#defload_yaml(self):#withopen(self.file_path,enco......
  • JS实现红包分配(每个人至少1分钱)
    要实现红包分配,保证每个人至少分到1分钱,可以使用以下算法:将红包总金额以及要分配的人数作为输入参数。首先,生成一个(人数-1)范围内的随机数,表示第一个人分到的金额。确保至少会有一个人分到1分钱。然后,将剩余金额(总金额减去第一个人分到的金额)作为新的红包总金额。依次......
  • 启动vue项目报错——ERROR Error loading vue.config.js: ERROR TypeError: defineCon
    问题描述在我引入echarts模块之前是ok的,引入之后就启动失败了;问题解决一般情况下,都是该项目的版本与本机cmd里面的版本不对应导致的;只需要使用这个命令npmupgrade,更新版本,一直yes下去,就能够解决这个问题啦!......
  • JS数组去重的4种办法
    有多种方法可以对数组进行去重,下面介绍的是常见的四种办法:使用Set数据结构:Set是ES6引入的一种新的数据结构,它存储唯一的值,可以利用它的去重特性来对数组进行去重。constarray=[1,2,2,3,3,4,5];constuniqueArray=[...newSet(array)];console.log(uniqueArr......
  • Grafana导入 json 文件的 dashboard 错误 Templating Failed to upgrade legacy queri
    前言编辑或者修改后的dashboard保存为json文件,在其他环境导入使用,报错FailedtoupgradelegacyqueriesDatasourcexxxxxxxwasnotfound,无法显示监控数据问题原因为:从其他grafana导出的dashboardjson文件中,数据源是写的固定的,如果当前要显示的监控数据的数据源名称......
  • C#使用utf-8读取ini
    参考: c#使用指定编码格式读写iniIniFile.csusingSystem.Runtime.InteropServices;classIniFile{publicIniFile(stringfilePath){m_FilePath=filePath;}privatestringm_FilePath;[DllImport("kerne......
  • 2023-01-31python-json
    +++title="Json读写(Python)"description=""date=2023-01-31T15:34:37+08:00featured=falsecomment=truetoc=truereward=truecategories=[""]tags=[""]series=[]images=[]+++使用python读写json......
  • js文件分片上传
    写在前面今天我们写一下关于js的分片上传,因为工作中很多时候上传文件是比较大的,为了不让卡死,我们可以使用分片上传的方式进行文件的传输,下面就简单的将思路梳理一下,然后贴上代码思路分析既然是分片上传,那么首先要知道不分片的时候是怎么上传的,我们一般是直接使用file文件然后将其......
  • nodejs之常用命令
    node控制台命令#新建文件夹mkdirname#清空控制台clearclr#跳转到指定目录cdname(目录名)#返回上一级cd..#移除指定文件rm文件名name#重命名renamesrc/index.htmlsrc/index.pug#清除缓存:cnpmcacheclean--forces#结束退出ctrl+c#......
  • js实现分片上传
    代码贴过来就能用<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport......