• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    javascript 获取特定的 CSS属性值
    link id="system_style" type="text/css" href="global.css" rel="stylesheet"/> 
    div id="myArticle">
    ...
    /div>

      在global.css中声明了


    #myArticle{
    width:400px; 
    height:300px;
    }

      这样的情况下,直接通过JS进行getElementById('myArticle').style.width是无法获取400px的值的,因为这个数值定义在CSS里,所以,必须要用其他方法,我写了以下函数:


    /** 
    * function for get the style value in special css file 
    * @param int css_file_id 
    * @param String labname 
    * @param String param 
    */ 
    function getStyleValue(css_file_id,labname,param) 

    var tar; 
    var rss; 
    var style; 
    var value; 

    tar = document.styleSheets[css_file_id]; 

    rss = tar.cssRules?tar.cssRules:tar.rules 

    for(i=0;irss.length;i ) 

    style = rss[i]; 
    if(style.selectorText.toLowerCase() == labname.toLowerCase()) 

    value = style.style[param]; 


    return value; 
    }

      现在只要通过


    getStyleValue(0,'#myArticle','width')

      就可以获得啦:)
    您可能感兴趣的文章:
    • 用JavaScript获取网页中的js、css、Flash等文件
    • 获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
    • js 获取和设置css3 属性值的实现方法
    • javascript获取元素CSS样式代码示例
    • js获取某元素的class里面的css属性值代码
    • JS使用getComputedStyle()方法获取CSS属性值
    • js 获取浏览器版本以此来调整CSS的样式
    • Javascript获取CSS伪元素属性的实现代码
    • JS获取CSS样式(style/getComputedStyle/currentStyle)
    上一篇:css expression 隔行换色
    下一篇:不错的整理的24则css技巧
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    javascript 获取特定的 CSS属性值 javascript,获取,特,定的,CSS,