浏览器报错‘‘styleSheets undefined‘‘

问题描述:

浏览器报错''styleSheets undefined''

this.sheetData.styleSheets = "";


原因分析:

有的场景styleSheets 并不存在,导致浏览器报错未定义


解决方案:

加个判断,如果styleSheets 不存在,那么就自动加上这个属性,并赋空值。

if (this.sheetData) {
      this.sheetData['styleSheets'] = "";
    }

`document.styleSheets` 是一个只读属性,它返回一个包含当前文档所有样式表的 StyleSheetList 对象。可以使用这个对象来获取和修改样式表。 下面是一些常用的 `styleSheets` 的用法: 1. 获取样式表列表 ```javascript const styleSheets = document.styleSheets; console.log(styleSheets); // 返回一个包含当前文档所有样式表的 StyleSheetList 对象。 ``` 2. 获取指定样式表 ```javascript const styleSheets = document.styleSheets; const styleSheet = styleSheets[0]; // 获取第一个样式表 console.log(styleSheet); // 返回第一个样式表 ``` 3. 获取样式规则列表 ```javascript const styleSheets = document.styleSheets; const styleSheet = styleSheets[0]; // 获取第一个样式表 const rules = styleSheet.cssRules || styleSheet.rules; // 获取样式规则列表 console.log(rules); // 返回样式规则列表 ``` 4. 插入新样式规则 ```javascript const styleSheets = document.styleSheets; const styleSheet = styleSheets[0]; // 获取第一个样式表 styleSheet.insertRule('.new-rule { color: red; }', 0); // 在第一个位置插入一条新的样式规则 ``` 5. 修改样式规则 ```javascript const styleSheets = document.styleSheets; const styleSheet = styleSheets[0]; // 获取第一个样式表 const rules = styleSheet.cssRules || styleSheet.rules; // 获取样式规则列表 const rule = rules[0]; // 获取第一个样式规则 rule.style.color = 'red'; // 修改样式规则的颜色为红色 ``` 总之,`document.styleSheets` 提供了一种非常灵活的方式来操作样式表中的样式规则。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值