如何知道元素高度或宽度是否在javascript / css中设置?

时间:2011-06-22 16:15:36

标签: css height

有没有办法知道javascript / css中是否设置了 height width 元素(不是自动)? elm.style.height只会在元素属性列表中定义高度时返回一个值:< div style ='height:200px'....>< / div> ,否则,即使您在样式标记或css文件中定义高度,它也将始终返回空字符串: .myElmCss {height:200px}

另一方面,即使没有在元素属性列表中也没有在css文件/样式标记中定义高度,使用window.getComputedStyle()或elm.currentStyle将始终返回值。

感谢。

1 个答案:

答案 0 :(得分:1)

查看此帖子How do you read CSS rule values with JavaScript?

要执行您要查找的内容,似乎需要迭代样式表才能找到声明的属性。您可能还会使用您在问题中提到的内联样式进行交叉引用。

来自@InsDel's post

function getStyle(className) {
    var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules
    for(var x=0;x<classes.length;x++) {
        if(classes[x].selectorText==className) {
                (classes[x].cssText) ? alert(classes[x].cssText) : alert(classes[x].style.cssText);
        }
    }
}