zoukankan      html  css  js  c++  java
  • style/currentStyle/getComputedStyle三者的区别的记录

    1、style:获取元素的内联样式,内部样式和外部样式使用style是获取不到的。
     
    2、currentStyle:获取对象的css样式集合,可以弥补style的不足,但是只适用于IE
      注意:只有 IE 和 Opera 支持使用 currentStyle 获取 HTMLElement 的计算后的样式,其他浏览器中不支持。
      标准浏览器中使用getComputedStyle,IE9也支持getComputedStyle。
     
    3、getComputedStyle:获取对象的css样式集合同currentStyle作用相同,但是适用于FF、opera、safari、chrome。  
      参数说明:
      第一个参数为要获取计算后的样式的目标元素
      第二个参数为期望的伪元素,如 ':after',':first-letter' 等,而不是伪类如 ':hover' 等。
      注意:在 Firefox 中,第二个参数是必须的,如果没有期望的伪元素要设置为 'null',这与规范的要求相符。在 Chrome Safari Opera 中,第二个参数如果为 'null' 则可以省略。
      
      注意:
      currentStyle和getComputedStyle只能用于获取页面元素的样式,不能用来设置相关值。  
      如果要设置相应值,应使用style
     
    4、自定义获得style的函数:
      
      getElementStyle: function(el,attr){
        //获取el当前的attr样式,解决ie问题
        return el.currentStyle?el.currentStyle[attr]:getComputedStyle(el,null)[attr];
      }
  • 相关阅读:
    实验 3:Mininet 实验——测量路径的损耗率
    软件工程——第一次作业:自我介绍
    实验 2:Mininet 实验——拓扑的命令脚本生成
    实验1:Mininet源码安装和可视化拓扑工具
    软工作业第一次
    031802417 林宇杰
    导航控制器
    Xcode 简易计算器 (修改版)
    WSY的博客向导
    2021年8月11日训练笔记
  • 原文地址:https://www.cnblogs.com/jsxiangxiang/p/3051539.html
Copyright © 2011-2022 走看看