可以将CSS类加载到Javascript / Jquery变量中吗?

时间:2015-11-18 11:51:18

标签: javascript jquery css

我是javascript / Jquery的新手,我想知道是否可以将现有的css类加载到变量中以便以后使用它。

示例:

/* CSS */
.view {
    position: absolute;
    height: 214px;
    width:1964px;
    padding:2px;
}

并在javascript文件中加载到变量中以使用它:

//Javascript
var view = load(".view");

view.width // I get 1964px
view.height // I get 214px

感谢。

2 个答案:

答案 0 :(得分:0)

我不确定为什么要这样做,除非你修改HTML元素,但是你可以使用getComputedStyle吗?请注意我在这里使用的是旧的JS而不是jQuery ......

/* CSS */
    .view {
        position: absolute;
        height: 214px;
        width:1964px;
        padding:2px;
    }

并在你的JS中

    //Javascript
    window.onload = function () { 

    var view = document.querySelector('.view'),
        styles = getComputedStyle(view);

    console.log(styles.width); 
    console.log(styles.height);
   }

更多信息here

我还没有对此进行过测试,但这就是我要去做的事情......

答案 1 :(得分:0)

你必须像这样使用jQuery:

NSView

然后,您可以使用类视图迭代所有元素。 这样做:

NSTableView