javascript - 如何获取将应用于 ExtJs 中给定类列表的样式

Question

我试过 Ext.DomHelper.createDom 但它创建了一个对象，但没有对其应用 文档样式。 Ext.util.CSS.getRules 可以获得所有规则，但我必须手动确定哪些样式将被覆盖以及哪些将被应用。

是否有一种简单的方法来获取给定类列表的样式？

Answer 1

Ext JS 不提供获取元素所有样式的方法，但您可以在将元素附加到 dom 后使用一些普通的旧 javascript 来完成此操作:

Ext.onReady(function() {

    var el = Ext.DomHelper.append(document.body, {
        tag: 'div',
        cls: 'foo'
    }),
    styles;

    if (window.getComputedStyle) {
        // use getComputedStyle if supported
        styles = window.getComputedStyle(el);
    } else {
        // fall back to currentStyle for IE8 and below
        styles = el.currentStyle;
    }

    // get a style
    alert(styles.fontSize);

});

当然，如果您只需要获取特定样式，我建议使用 Ext.Element 的 getStyle() 方法，因为它处理浏览器差异你。