javascript - ExtJsの特定のクラスリストに適用されるスタイルを取得する方法

Question

試しましExt.DomHelper.createDomたが、を適用せずにオブジェクトを作成しますdocument styles。は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);

});

もちろん、特定のスタイルを取得する必要がある場合は、ブラウザの違いを処理するため、のgetStyle()方法を使用することをお勧めします。Ext.Element