通过DOM获取外部样式表的方法document.styleSheets

      以前获取,或改变某个表单的样式,一般通过将该表单的style写入到表单,然后通过obj.style.属性  = 改变值. 

      如果该表单样式写在外部样式表里中,用上面的方法则要报错。这里介绍一个好的方法。document.styleSheets[0].

     例如:

         var objstyle = document.styleSheets[0].rules;

          if(obj.currentStyle)   //ie
         {

               var ierules = objstyle.rules[0];

               ierules.style.属性 = 改变值;

         }

         else if(window.getComputedStyle)

        {

             var ffrules = objstyle.cssRules[0];

             ffrules.style.属性 = 改变值;

        }

       



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
`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、付费专栏及课程。

余额充值